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مر ی 
مايكل نبيل اخنوخ 
هذا الكتاب مجانى لانة نسخة غير كاملة ولكن محظور على أى شخص هذا الكتاب 


بدون اذن كتابى من المؤلف و الاسطوانة التى تشمل بدون ان كتاي من المولت و الاسلوانة تى تشمل على الكرد الخاص باكتاب ر العلبعة 
المنقحة الكاملة من الكتاب غير مجانية . 


للأستفسار و التعليق على الكتاب ارجو ارسال رسالة على البريد التالى : 


Micheal_nabil@hotmail.com 


إهداء 
اهدي هذا الكتاب بباقة ورد عطرة 
الى زوجتى الغالية لدفعها لى لمواصلة اكمال هذة السلسلة . 
و لفن ازير شرف مد الى 
ازن نی درف فی برا الفدی و © ناکرت ر ا اتن ف ای 
ما نجل 


ملحوظة : 
جميع الحقوق محفوظة للمؤلف و لا يحق لأى شخص نسخ او طبع جزء من هذا الكتاب دون 
موافقة خطية من الكاتب . 
المادة العلمية لهذاالكتاب قد تم مراجعتها و لكنة غير مسئول عن الاخطاء التى قد تحدث من 
سؤء التطبيق او السهو و الخطأ مع مراعاة ان الكتاب قد تم تحريرة على برنامج الورد لذلك قد 
تجد مسافات زائدة فى الكود لذلك فى حالة أكتشاف أى اخطأ برجاء ارسال بريد الكترونى 
توضح بة الخطاً و الصفحة . 

Micheal_nabil@hotmail.com 

1.0۹ 

جميع الاراء الموجودة فى هذا الكتاب هى اراء تعبر عن رأى الكاتب الشخصى حتى لو لم توثق 
بمراجع . 


هذا الكتاب يخاطب الشخص المتمرس فى كتابة الكود و سبق لة قراءة بعض الكتب عن 
ارفج ر الير افك عمرما و ارج ان راء کاب اك اريت ١‏ من الضفر ن كف 
الطرین ن اکن اکر ال اکن ار بت ١‏ حت كر ين المسطاحات ر ارح 
لمفهومالكاتنات و لغةالاکشن اسکریت عفوما و حه ال ا كنت ف وضعت شرح ھم فی 
الان الان و اعقو ار ها اكات ها اا من هة اة ال انس رها 
كاملة فى كتاب واحد مجمع لأنى مؤمن بأنك لتفهم الجديد يجب ان تتعلم من القديم اولا. 

بعض موضوعات هذا الكتاب لم تشرح فى هذة النسخة لانها تجريبية و اكتفيت بالكود فقط لكنها 
تم شرحها بالتفصيل فى النسخة الكاملة . 


المتطلبات الخاصة بجهازك للاعداد برنامج 2.0×م/۴ 


e Intel Pentium 4 processor 

e Microsoft Windows XP with Service Pack 2, Windows XP 
Professional, Windows 2000 Server, Windows 2000 Pro, or 
Windows Server 2003 

e 512MB of RAM (16GB recommended) 

e 300MB of available hard-disk space 

e Java Virtual Machine: Sun JRE 1.4.2, Sun JRE 1.5, IBM JRE 
1.4.2 


PowerPC or Mactel (16GHz or greater) 
Mac OS X 10.4.7 

16GB of RAM recommended 

300MB of available hard-disk space 
Java Virtual Machine: Sun JRE 1.5 
Eclipse 3.2 (plugin configuration only) 


عندما نقوم بفتح البرنامج 2.0 »ه۴1 تظهر لنا الشاشة التالية 


@ Tutor 


Getting Start 
Greate your fi 
Retrieve and 


8) Flex Samples 


Flex Component Explorer Run 
Code samples using the Flex components 


Flex Style Explorer Run 


Interactively create component styles 


2% Flex Development - Flex Start Page - Adobe f lex BUTE 2 


Run Window Help 
$ Bê 7 


3% Flex Start Page X 


Six things you need to know 

1. Building and running Flex applications 
2ã. Connecting to data 

3. Managing Flash Player security 


A I avinn mııt a Floy annliratinn __ 


Fila Edit Navigate Project 


ta. Navigator E3 


ك 


Bz Outline 


An outine is not available, 


Location 


تلاحظ ان البرنامج يعرض فى البداية طريقة عملة و امثلة خاصة بة و مشاريع و مواقع على 
الانترنت 
لعمل مشرڪع جııڌ Creating a Flex Project‏ 
أختر wعم‏ و منها اختر tععزه٬م ۴٥×‏ كما فى الصورة التالية 


افتح قائمة ۴|٥‏ تم 


Fî DFlex Develo... * 
aE 


Resource In Folder 


Window Help 
1 * Fr? Project... 


FÎ) MXML Application 
MXML Component 

[Ğ] ActionScript File 

[Û] ActionScript Class 

[Û] ActionScript Interface 
HB) CSS File 


Li ActionScrip 

f Flex Library Project 
Cî Folder 

E File 


Fî? Other... 


O0 errors, Û warnings, Û infos 


Cirle F4 


CtrleShift+ F4 


CtrlrS 


CirleS 


F2 
F5 


CirleP 


Alt+Enter 


H1 Problems %3 


Description 


Close 
Close All 


E] Save 
Bl, Save As... 
ê) Save AlI 


Revert 


Move... 
Rename... 
Refresh 


Convert Line Delimiters To 


ğ@ Print... 


Switch Workspace... 


Û Import... 
Lû Export... 


Properties 


1 Chapter1{4.mxml [Chapter14] 

2 Chapterl3.mxml [Chapter13] 

3 ComponentSample.himl [Chapter24] 
4 ValidateSample.html [Chapter24] 


Exit 


نفلك تهر لك شاشة تناك عن ط ر يفة اتسنالك مالانات الى سورت تخد مها فى مشرو غات 
 & New Flex Project‏ 
Create a Flex project‏ 


Specify how You want your application to access data. 


How will your Flex application access data? 
f Basic (e.g. RML or web service from PHPHJSPFASP. NET) 
` ColdFusion Flash Remoting Service 


` Flex Data Services 
e 


۳ 


تظهر بعد ذلك شاشة تسالك عن المكان ااذى تود حفظ ملفات المشروع بة و بالطبع ما هو اسم 
مشروعك . 


| 3 New Flex Project 
Create a Flex project 


Specify the location of the files in the her project. 


Project name: | Chapterg 


Project Contents 


[` Use default location 


Folder,  CMDocuments and SettingswatretolatprojectshChapter2 Browse... 


x Back Nex = ancel 


جد ذلك نظن شاشة تطلت منك تحديد اسم للملف الرتيسى للمشر وع الخاض بك و اذا كان 
هناك مشاريع قديمة تود اضافتها للمشروع الحالى ام لا . 


2 New Flex Project 
Create a Flex project 


Set the build paths for the new Flex project. 


i Source path | = Library path 


Additional source folders outside of the main source folder: 


Add Folder... 
EID 
E 


Main source folder: | Browse... “فك‎ 
Iain application file: | Index] mz Browse... 


utplut folder: | bin Browse... 
Wutput folder URL: | 


x Back MER = Cancel 


يمكنك الضغط على تبويب ۸ج۴ ۷ج۲ طا و تقوم بأضافة مكتبة قديمة لمشروعك €SW؟‏ 
libraries‏ 


® New Flex Project 

Create a Flex project ص‎ 
Get the build paths for the new Flex project. 
2 Source path Eh Library path | 


Build path libraries: 


1 (O HFRAMEVWORES Mibstplaverglobal. swe Add Project... 
2 Ada SWC 


Browse...‏ ق 


caneel_ | 


lal SOUFCE IEF [| EBNUWSE... 
Wain application file: Î Indax. mxn Browse... 


Output folder: | bin Browse... 
utput folder URL: | 


x Back Einish wahngel 


و يمكنك 

Add yl Add SWC Folder ”le طhخضلا اضافة مكتبة جديدة اى وقت من خلال‎ 
SWC button 

بعد اختيار المشروع المراد اضافة المكتبة لة من نافذة المشاريع كما بالصورة التالية 


® Properties for Cha ple r02 


[type filter text >| Flex Build Path 


CFEclipse Properties 5 س‎ 
Flex Appliealians Build path libraries: 


Flex Build Path #- O FRAMEWORKSNibs'playerglobal.swe Add Project... | 
Flex Compiler + Û ŞFRAMEWORKSNibsutilities. swe 


Flex Server #- Û HFRAMEWORKSNibsMex. swe Add SYYC Eolder... | 
Hibernate Synchroniz : O ¥FRAMEWORESMibslrarmework. swe 


+ 
Project Refarences a Û HFRAMEWORESNibslupe. swe Add SWC... 
#5 ${FRAMEWORKSNlbslcharts. swe 


Main source folder 0 
Output folder | bin Browse... | 
Outpul folder URL | 


Cancel | 


طريقة عمل البرنامج 
ل ا 
-١‏ نمط التصميم : حيث فى هذا النمط يمكنك تصميم شكل البرنامج الخاص بك أى الواجهة 
التى يراها مستخدمى البرنامج الذى تقوم بصنعة و تستطيع من خلالها التحكم فى الالوان و 
اکال الأزرار و كافة الادوات على مسرح العمل . 


| Flex Development - BindData lo Mo del.mxml - Eclipse SDK a 
File Edit Source Design Navigate Search Project Run Window Help 


| Im |#-O-QG-l | # | © E | Flex Develo. 
lÊ BindDataToMadel. xml 23 3 © EE] States 23 az 0 
اسا‎ sourcê | [ã] Desian | J E | State: [Base state> >| Design area: Same as application size E) 


ia «Base stata> (start) 


اضغط هنا للوصول لوضع التصد 


Contact Info 


- Custom mi م‎ 1 
31-Ê Controls 1 


Nare 


Û Button 
I CheckEox 
ج‎ WF ColorPicker 
City State, Zip ComboBox 
E 
Phones DateChooser 
BB DateField 
ù HSlider 
show Model Data | 2 HorizontalList 
FT Image 
اعا ھر‎ 
Im LinkButton 
E List 
E NumericSte ppt 
LJ) PopUpButtan 
ÛJ PopUpMenuB1 [wel 


Search [El Consols 3 3-2 2) 


Email 


اط کا لکد ھی اة اة الک د الد بف بالط لی آک الا رار کے بر نامك 


۱۱١ 


3 Flex Development - Bin dDataToMo del.mxml - Eclipse SDK ا‎ 1 


File Fdit Source Navigate Search Project Run Window Help 
e IOI | # | Gr EF | @ Flex Develo... 
a> Navigator î Outline < Ald BindDataToModel.mxml 34 = 


Chapters jon="1.0" encoding="utf-0"?> 3‏ @ ب 
i lz .settings j tion xmlnsimx="http:// www, adobe . com/ 2006 / xan1"‏ 

1 ہا جا‎ ACO lor="$FFFFFF" width="S550" height="300"> 

të himl-templale 4 <x: SCEIpt> 

`. .actionScriptProperties 4! [CDATAL 

.fexProperties impart mx.controls. Alert: 

private function modelToString() !void( 

Alert .shovw (contactmodel. fname + " " + contactmodel . 1l: 
“A BindingWYCurly.rmxml | contactmodel.city + " " + contactmodel . at: 
` (A Binding WGurly2. mxml cont actmode 1l. phone + "in" +ztontactmode l1 „. €1 
[4 Contact.mxml : 3 

Contact. xml 11> 

Contact? xml REASGEIPE> 

4® tx: Hodel id="contactmode 1" 

“A ContactForm.rmxml 


E ¢ ۴ E 58 Cont aCt> 

E 4Ename>{ £naMEtXt , text} 4/ Ename>‏ 0 3 أ 
he CustomYalidatar.mxm 3 2‏ 
FaormatterErraor. mnxmnl :‏ 2“ 

`“) Passwordvalidalor.as Search| Console (E Problems 22 


ReverseF ormaller. as O errars, 4 warnings, O infos‏ 8 ا 

` (A SampleDatavlodel.rmxı ETE ۳ 
“lÊ SampleExtxMLDataı 7~ : : 

1 SampleExtXMLDataM: ® 336: Duplicate variable definition. 


2 SamplsExtXMILDataMr û 336: Duplicate variable definition. 
7 


û 3536: Duplicate variable definition. 
14 SamolatML Dat EGE: Fiaslaaka saia hls Hafan 


۳ 1 2 ¢] 7 as) 


ChapterldYBindDataTolylodel.rmıxml 


File Edit Source Navigate Search Project Run Window Help 


FE | f Flex Develo... #aFlex Debug...‏ ج > © | | ا 
اا BindDataToModel‏ 1 @ 
Scrap (5}‏ 2 9 


2) Cha pterl2 ing="utE-5" 7> AM 
Chapterdd ® 4 ValldateButtonMain (1) "http://www. adobe . com/ 2006/ mxml"" 1 
1 Chapters @ 5 Email TextlnputMain (1) FF" width="550" height="300"> 

€ Chepterl0 @ 6 MultiRowTabsMain (1) 


1 Chapterl2 
ı.1 Chapterl3 ® 7 StyleSample Alert; 


Ê Chapterl4 @ 83 Chapterl4 ode1lTo3tringl) :roidt 
Î Chapterl5 @ 9 NonCommittingChan geEventSample ctmodel,. fname + " '" + contactmodel , 1l; 


1 Chapterz24 @ TextlnputLengthEventSample SESE SLE CEES SE 
E Test ctmodel. phone + "fn" +contactmode l . ë1 


E] validateButton Run As * @ 1 Flex Application AlteShifteX, F 
O Run... 


Organize Favorites... 


<sCcOntactz 

¢fname> { £nameExt . text} </7 fname> 
<4 Iname> { InaMPEXTE . teXE} </7 Iname> 
<address>{ addresstxt. text! </ address> 
«“cityz{citytxt.text}</city> 
<state>{statetxt.text}</state> 
<EIPZ{ZIPLXTL.CEXT} </zip> 
<phonez{ phonetxt. bext} <7 phone> 
ceEmai l> {emailExt. text} <7 emai l> 

1 6ا 


Search Console a Problerms 3 


| Writable Inserl 9: 46 
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The elements of a Flex application 


العناصر التى يتكون منها المشروع داخل برنامج×م|٣‏ 
اى مشرو ع يجب ان يحتوى على العناصر التالية : 
بيئة اطار العمل الخاصة ببرنامج 2 The Adobe® Flex‏ 
و التى تحتوى على كل الكمبونات او الادوات اللازمة لبناء موقع على Flex‏ 
الانترنت او برنامج بصفة عامة و المقصود ان البرنامج يوفر لك واجهة framework‏ 
مليئة بالادوات المستخدمة فى جمع البيانات من المستخدم مثل مربعات 
الحوار و الازرار و اداوات عرض البيانات و وسائل التأكد من صحة 
الادخال و كثير من المؤثرات و كل هذا يرتبط بالمكتبة ٤٩0/6م"‏ 0ع 
library (SWC) file‏ . 


کل مشروع یحتوی على الاقل ملف واحد eاا؟‏ × معرف فی بداية MXML‏ 
المشروع لاحظ ان ملف 1×۸۷ يعتبر لغة قريبة فى تركيبها من لغة 

ال ا۳ط و لغة ال "× بالطبع . 

و هذة اللغة صممت خصيصا لهذا البرنامج لوصف بناء المشاريع من 

خلال الوسوم ك9ه]. 


لكى تقوم بعمل تطبيقات تتفاعل مع المستخدم يجب ان تستخدم لغة ActionScript‏ 
Action Scrip) 3.0‏ و هی شبيهة فى تكوينها من لغة الجافا اسكربت و 3.0 
يمكنك اضافة اكواد الاكشن اسكربت ٠,٠‏ داخل البرنامج مباشرة من 

خلال ملف ال اM×M‏ بین sوه)ا‏ 

او فى ملا مقصل و عمل ايراد لة اكل المشرو ع 


الادوات المستخدمة فى النماذج 

مثل معظم البرامج يمكنك استخدام صور و ايقونات و مؤثرات Graphic‏ 
assets‏ 

بعض الادوات تستخدم لعرض البيانات متل Data‏ 


(a combo box or data grid for example) 
×٣١ النصوص ا×) او‎ 


How Flex applications are compiled and deployed 


فكرة عمل البرنامج 
Design Com pile Run‏ 
Flex class lbrary‏ 
2amponênts‏ 
Source code compilad‏ _ 1 

SC nio AcdınSeripl classes Flex applicatlorı 
SWF Ile hosted 
1 In a Yelk page 

کا ا 5 | a33‏ | 

class | 


5ا | 


| cinss 
Flex appllcatlen 


acurce Îlles 
4 8 ګګ ا‎ >= 


Data sarwlce 


اولا : مرحلة التصميم من خلال خلايا جاهزة فى البرنامج و يمكنك عمل خلايا و مكونات 
خاصة بك باستخدام كود الاکشن اسكربت . 


ثانيا : مرحلة الترجمة او تحويل الكود المكتوب بلغة الاكشن اسكربت الى خلايا . 
ثالثا : مرحلة تنفيذ الكود و اعداد ملف ال 5۷۴ و ربطة مع البيانات الخارجية . 


بمكنك عمل النماذج الخاصة بالبرنامج الخاص بك من خلال كود ۳١×١‏ و هذا مثال لعمل 
لوحة بها نص و اضا زر للاغلاقها: 


<?xml version="1.0" encoding="utf-8"?> 


<mx:Application xmins:mx="http://www.adobe.com/2006/mxml" 
layout="absolute"> 


<mx:Panel> 


<mx:TextArea text="Say hello to Flex!" /> 


<mx:Button label="Close" /> 
</Ilmx:Panel> 
</mx:Application> 


اذا كنت معتاد على لغة ال |" × فسوف تلاحظ التنسق الخاص بهذةاللغة و يمكنك الرجوع الى 
الملحق الخاص تلخ ال فی کتابے: السایق الطریق من اگٹن اسگریت ۲ ائی ۔اگشن 
اسكربت ۳ لكى تفهم الفكر الاساسى لهذة اللغة .. 


المهم ان كل مشروع سوف تقوم بعملة داخل برنامج 2×ها۴ 
سوف يحتوى فى المقدمة على كود 
<?xml version="1.0" encoding="utf-8"?>‏ 


<mx:Application xmins:mx="http://www.adobe.com/2006/mxml" 
layout="absolute"> 


و يجب ان ينتهى المشروع بالكود 
</mx:Application>‏ 


اما الاكواد الخاصة برسم مربعات النص و الزر و غيرها تكتب فى المنتصف بين الكودين 
السابقين . 


لاحظ ان : کل تاج فی ملف "× يبدأ بحرفى × و الذى يعتبر م٥2م "4٣6s‏ صمم 
خصیصا لبرنامج ×ھاا. 
عندما تقوم بتشغيل البرنامج سوف تشاهد التالى 


hello - Hezil Firefox 


Eê Ei Wer io Ekmek Tels FHêp 


| Sar hallo to 
_|Fiax! 

| 

Clase | 


لاحظ ان مشرو عك فی النھایة لیس سوی ملف فلاش بامتداد ۷Wfاء‏ و تشاهدة من خلال 
مستعرض الويب الخاص بك و هنا نحن نستخدم برiمlج Mozilla firefox‏ . 


MXML 


ستلاحظ ان معظم اکواد ۱×۸1 تتعلق بکلاسات 3.0 ۸8 او خصائص لھا حیث ان مترجم 
برنامج ×۴|6 یرسل اکواد ۸×11 على هيئة f‏ سء بايت يتكون منها فيلم الفلاش فى النهاية 
لیصبح SW‏ . 


الخلاصة : 
لن يمكنك كتابة أكواد اكشن اسكربت ۳ مباشرة داخل نافذة تحرير الكود بل يجب أن تكتبها بين 
تاجین خاصین کما یلی 
<mx:Script>‏ 
<![CDATA]‏ 


2 


</Imx:Script> 


sing ActionScript‏ طریقة استخدام اکشن اسکربت داخل البرنامج 
e Inline within MXML tags‏ 
فى نفس السطر او داخل تاج 11× مثال اظهار رسالة عند ضغط المستخدم على زر 
<mx:Button id="alertButton" label="Show Alert"‏ 
click="mx.controls.Alert.show(Example')" />‏ 
فى المثال استخدمنا الدالة س0ط؟ المنشقة من الخلية )6۴ا۸ فى لغة الاكشن اسكربت لعرض 
الرسالة داخل الاقواس . 
e Nested within MXML tags‏ 
يمكنك كتابة الكود متداخل مع اكواد ×١‏ و تستخدم تاج خاص للتعبير عن ما بداخل هذا 
التاج هو كود اكشن اسكربت 
CDATA block‏ 
مثال 
<mx:Button>‏ 
<mx:click>‏ 
<![CDATA]‏ 
mx.controls.Alert.show("Example");‏ 
J‏ 
<Imx:click>‏ 
</mx:Button>‏ 


e In MXML scripts 
و نقفل التاجین ب [[ و‎ >!] C0۸۲۸] تکتب الکود داخل تاج <امااx×X:Sc > ثم تاج‎ 
</mx:Script> 
مثال‎ 
<mx:Script> 
<![CDATA] 
import mx.controls.Alert; 
private function example( ):void { 
Alert.show("Example"); 


1 
Jj> 


</Imx:Script> 


e Within ActionScript classes 
يمكنك كتابة اكواد الاكشن اسكربت فى خلايا و ارفاقها مع البرنامج و استدعائها من خلال‎ 
الكود التالى‎ 
<mx:Script source="code.as" /> 


MXML and ActionScript Correlations 


الارتباط بین اکشن اسکربت و ١×۷1‏ 
عندما تستخدم ۸×1 لعمل زر مثلا فان هذا الحدث يتساوى مع استدعاء لغة الاكشن 
اسكربت للخلاية السئولة عن انشاء زر و لنتفهم الامر اكثر سوف اوضح بالكود 
<mx:Button id="button" />‏ 
يتساوى الكود السابق مع كود الاكشن اسكربت التالى 
var button:Button = new Button( );‏ 
ايضا مثال اخر عن اسناد قيمة لخاصية النص فى زر 
<mx:Button id="button" label="Click" />‏ 
و ذلك يعادلة الكود التالى فى الاكشن اسكربت 
var button:Button = new Button( );‏ 
button.label = "Click";‏ 
نفهم من السابق ان اكواد 1× فى جوهرها ليست الا استدعاء لخلايا من لغة الاكشن 
اسكربت و لكن فى شكل مختلف عن طريقة كتابة الكود التى تعودنا عليها فى لغة الاكشن 
اسکربت . 
و لكن لاحظ انك قبل ان تستخدم كود الاكشن اسكربت مع اى اداة صممتها بلغة ۸×1 يجب 
ان تعطيها | اى اسم خاص بها لتستطيع التعامل معها متلا 
<mx:Textlnput id="myTextlnput" text="Refer to me via the id‏ 
property" />‏ 
و لكن خاصية ال 0| خاصية اختيارية و لكن اجبارية فى حالة اذا كنت تريد ان تستخدم هذة 
الاداة مع الاکشن اسکربت حيٿ ان مترجم 1×" يقوم بعمل متغیر یدعی أ u‏ م ۸ my ex)‏ 
يحتوى بداخلة ارتباط مرجعى للكائن أام "×۳6 مثال على ربط الاداة المصممة بلغة 
[XM‏ بکود الاکشن اسکربت 
<?xml version="1.0" encoding="utf-8"?>‏ 
<mx:Application xmins:mx="http://www.adobe.com/2006/mxml"‏ 
verticalAlign="middle"‏ 
horizontalAlign="center"‏ 
xmins="*">‏ 


<mx:Script> 
<![CDATA[ 


public function getText():String 


اة 6 E‏ 7 تتت إللمتغیر 

ملحوظة : يجب ان يكون جميع قيم 0| الموجودة داخل ملف واحد متفردة اى لا تتكرر . 
- و يمكن اسخدام كلمة ز٣٣‏ للأشارة للأداة اذا كانت ليس لها 0| فى الملف 
متال : 


Understanding ActionScript Syntax 
فهم اسلوب لغة الاكشن اسكربت‎ 


n derstanding Packages‏ هوم الحزم البرمجية 
ان معظم الخلايا وضعت منظمة فى تركيب يدعى حزم برمجية و لكى تفهم لغة الاكشن 
اسكربت يجب ان تفهم مفهوم الحزم . 
ان الحزم البرمجية هى تجميع لمجموعات من الخلايا المتقاربة فى الغرض لكى يمكنك 
استخدامها داخل برامجك فی نطاق ٥م00٥5‏ مجال معین . 
و تتسأل الان ما هر ٥م0عS؟‏ ؟ 
انة مفهوم يوضح مدى رؤية الكائنات و المتغيرات بالنسبة لمراحل حياة البرنامج الرئيسى و 
الخلايا التى يتكون منها و لنفترض متلا انك لديك متغير فانك من خلال معرفتك مدى او مجالة 
يمكنك ان تعرف اين هو بالضبط داخل الكود و كيف تستدعية و تسند لة قيمة اخرى . 
و لكن ما فائدة ال ٥م‏ 0ء6 بالنسبة للحزم البرمجية ؟ 
الحزم البرمجية تسمح لك بعمل مجموعة من الخلايا بنفس الاسم لكن بشرط استخدامهم فى 
مجالات مختلفة .Different Scope J|‏ 
مثال ووھا€ ۸ Bu tt٥‏ هى جزء من الحزمة البرمجية وام٣‏ "ه٥‏ .×م اذن المسار الكامل 
للزر هو 
mx.controls. Button‏ 
و علية فاذا كنت تريد عمل خلية زر اخرى فى حزمة برمجية اخرى دون ان تخاف ان يحدث 
تعارض بين الخلية الجديدة و الخلية lلقدnıة mx.controls. Buon‏ 
مثال على تعريف زر من الخلية ١)اں8‏ فهناك اكثر من طريقة منها: 
var button:mx.controls. Button;‏ 
Consirucior مlختwlڊ gl‏ 
button = new mx.controls.Button( );‏ 
و يمكنك ايضا تعريف متغير من النوع زر من خلال استيراد الخلية زر 
import mx.controls.Button;‏ 
و لكن فى هذة الحالة اذا قمت بتعريف زر اخر من خلية اخرى يجب ان تتعامل مع كلا منهما 
بالاسم الكامل اى بهذة الطريقة 
var button:mx.controls. Button;‏ 


Declaring Classes‏ ا¥علان عن الخلایا 
فى البداية يجب ان تقوم بعمل ملف يحتوى على كود الخلية و يكون امتداد هذا الملف وجو 
يشترط ان يكون اسم الملف هو نفس اسم الخلية مثلا اذا كنت تريد عمل خلية اسمها 
ماExamp‏ فیجب ان یکون اسم الملف الخاص بھا ھر sئھ.eاExamp‏ 
مثال : 
package com.example {‏ 
import flash.net.'URLLoader;‏ 
import flash.net.'URLRequest;‏ 
public class Example {‏ 
الاكواد الخاصة بالخلية تكتب هنا // 
} 


declarations‏ ckageهP‏ ال علان عن الحزم البرمجبة 
يرتبط الاعلان عن حزمة برمجية بالمسار الموجود بة ملف الخلية على القرص الصلب فى 
جهازك مثلا اذا كان لديك ملف خلية اسمة وج .عام" ھ×ع داخل مجلد اسمة ٥۳‏ فان 
المسار لهذا الملف يكون كالتالى مام" C0.۴×4‏ و يفصل بين اسم المجلد و اسم الخلية 


مثال : للأعلان عن حزمة برمجية 
package com.example {‏ 
نستخدم هنا جملة |mpo r)‏ // 
نکتب هنا تعریف lllية Class declaration‏ // 


} 


تستخدم عادة عند تعريف الحزمة البرمجية و لکن لا تستخدم ieد Import statements‏ 
مٿJ flash.net ةanjall ja URLRequest sı URLLoader lıںخ ءlعeدتwl JJe‏ 


package com.example { 
import flash.net. URLLoader; 
import flash.net.URLRequest; 
// Class declaration goes here. 


ا 


and Properties‏ arikables/لمتغیرات‏ و الخصائص 
المتغيرات كه اطهأ ج۷ : هى اسماء لعناصر يمكنك اسناد قيم او بيانات لها و التعامل معها من 
خلال الاسم الذى اطلقتة عليها . 
و لكى تتعامل مع متغير يجب ان تعرف كيفية الاعلان عن متغير و ذلك باستخدام كلمة ج۷ 
لحجز مكان فى ذاكرة الجهاز لهذا المتغير مثال 
var variableName;‏ 
و يفضل تحديد نوع المتغير فى جملة الاعلان عنة و الشكل العام لهذا الكود هو 
var variableName: DataT ype;‏ 
; نوع المتغير : اسم المتغير ٣ج۷‏ 
و نوع البيانات المقصوم بة هو اى نوع من انواع البيانات يحتوى هذا المتغير 


انواع البيانات 
Description‏ الشرح Data type ggi‏ 
البيانات 
One or more characters,‏ حرف او اکثر و يتضمن String‏ 
including all Unicode‏ نظام الحروف الدولى 
characters‏ الموحد 


Number اى قيمة عددية متضمنا‎ Any numeric value, 


including floating-point‏ القيم الكسرية 
numbers‏ 
Positive and negative‏ الاعداد الصحيحة الموجبة int‏ 
integers and 0‏ و السالبة 
Positive integers and 0‏ الاعداد الصحيحة الموجبة uint‏ 
٠‏ و الصفر 
True or false‏ صح او خطأ قيم منطقية Boolean‏ 
The date and time‏ تاریخ ووقت Date‏ 
An index-ordered‏ مجموعة من البيانات Array‏ 
collection of data‏ المنظمة و لها فهرس 
مرتب 


مثال على تعريف متغير من النوع نص S٣!‏ 
var userName:String;‏ 
بعد ما تعرف متغير يجب ان تسند لة قيمة من خلال علامة = مثال : 
userName = "michael";‏ 
و عندما تريد استرجاع قيمة المتغير و اسنادها لمربع نص تكتب الكود التالى : 
textlnput.text = userName;‏ 
ملحوظة :المتغيرات تعرف داخل الدوال الخاصة بالخلايا سوف نتكلم لاحقا عن الدوال . 
اما المتغيرات التى تعرف خارج الدوال تدعى خصائص و هذا يرجع لمجال رؤيتها داخل 
الخلية و فى معظم الاحوال المتغيرات و الخصائص هما نفس الشئ مع اختلاف المجال او 
المدى للتعامل معهما اى المسائلة مسائلة مممSc؟S‏ 
و لنحصر موضوع المجال ٥م00٥5‏ بين المتغير و الخاصية فى النقط التالية : 
- كل المتغيرات التى يتم الاعلان عنها داخل دالة يعتبر مجال رؤيتها داخل هذة الدالة و هذا 
معناة انة لا يمكنك الاشارة الى هذة المتغيرات من خارج هذة الدالة . 
- على الطرف الاخر نجد الخصائص لها مجال رؤية اكبر على الاقل هى مرئية داخل الخلية 
كلها و يمكن الاشارة اليها من خارج الخلية بواسطة اسناد محددات لمجال الخلية هى 


1- public ple 
تعنى ان الخصائص التى تم تعريفها فى هذة الخلية يمكن الرجوع اليها و التعامل معها من‎ 
خارج الخلية‎ 
2- private خاصة‎ 
3- protected ةınحn‎ 
هذة الخصائص محمية داخل الخلية و لا تستخدم الا من داخل الخلية او من خلية ورثت هذة‎ 


۲۱١ 


4- |nter nal داخلیة‎ 


الخصائص يمكن الوصول اليها من داخل الحزمة البرمجية فقط . 

من الناحية العملية اعتقد انة من الافضل ان تقوم بالاعلان عن الخصائص اما محمية 
rotectedمpاو‏ خاصة عاهivم۴‏ لان الخلايا يجب ان تتعامل دائما مع قيم الخصائص الخاصة 
بها و علية حاول قدر الامکان عدم استخدام Internal gl public‏ 


يمكنك الاعلان عن الخصائص داخل الخلايا بنفس اسلوب الاعلان عن المتغيرات و 
لكن يمكنك تمييز الفرق بين الخصائص و المتغيرات من خلال عملاشارة خاصة بك 
فى الكود عند تسمية الخصائص متلا استخدم علامة الشرطة _ مثلا عند تسمية خاصية 
فأنك تكتب الكود التالى : 
package com.example {‏ 
import flash.net.'URLLoader;‏ 
import flash.net.URLRequest;‏ 
public class Example {‏ 
private var _loader:URLLoader;‏ 
1 
لاحظ قمت بتسمية الخاصية مل aد|_‏ من illوع URLLoader‏ 
بالاضافة الى المحددات السابقة عام و خاص و محمى وداخلى يمكنك اضافة المحدد 
ساكن ٥‏ أاه]6 الذى يسمح لك بالوصول المباشر للخاصية من داخل الخلية بدلا من 
عمل عنصر من الخلية او بمعنى اخر اشتقاق كائن من الخلية مثال : 
package com.example {‏ 
import flash.net.'URLLoader;‏ 
import flash.net.URLRequest;‏ 
public class Example {‏ 
private var _loader:URLLoader;‏ 
static private var _instance:Example;‏ 


1 


} 
هناك ايضا مصطلح خاص بالخصائص هو هاوه ای الثابت و هو مثل 
المتغيرلكن لا يمكنك تغيير قيمتة لانها ثابتة و من الجدير بالذكرانك تعاملت مع الثوابت 
الخاصة ببرنامج الفلاش و منها 


Event.COMPLETE, MouseEvent.CLICK, TimerEvent. TIMER, and 


Math.P|. 
و غالبا تعرف مجالات الثوابت على انها ساكنة او عامة مثال‎ 
package com.example { 
import flash.net.'URLLoader; 
import flash.net.URLRequest; 
public class Example { 
private var _loader:URLLoader; 
static private var _instance:Example; 
static public const TES T:String = "test constant"; 


ا 


۲ 


JI3 Methods 
الدوال : هى تجميع عدد من الاوامر البرمجية تتكرر كثيرا فى برنامجك و اسناد اسم لها‎ 
لكى يريحك من عناء كتابة نفس الكود اكثر من مرة فيكفى استدعاء الاسم لتنفيذ هذة‎ 
. الاوامر و بعض هذة الدوال يكون لها معاملات اى قيم ترسل للدالة و ترجع بالناتج‎ 
مثال‎ 
function test( ):void { 


الدالة السابقة لا تأخذ معاملات و لا ترجع ببيانات لذلك ليس لها معنى و لكن اذا قمت 
بتغيير الكود السابق الى الكود التالى 
function test( ):void {‏ 
var message:String = "function message";‏ 
trace(message);‏ 


فى المتال السابق الدالة )وه] قمنا بتعريف متغير داخلها من النوع و أ٣)S‏ و اسمة 
geوmessaو‏ يحمل القيمة eوssaەص‏ ¬" ٣ەااعمf]u‏ و تقوم الدالة بارجاع قيمة المتغير 
message‏ من خلال الدالة مءهع] و هى المسئولة عن عرض شاشة للمخرجات مشابهة 
ناف الدرئن فى لفات الرمكة الاخرى . 
و عند استدعاء الدالة يكفى ان تكتب اسمها 
test( );‏ 
مثال على دالة تأخذ معاملات او بمعنى اخر نرسل لها قيم لتقوم بعمل عمليات ليها و تعود 
بالناتج 
function test(a:String, D:String):void {‏ 
trace("Your message is " + a + " and " + b);‏ 


} 


test("one", "two"); 


و عندما نستدعى هذة الدالة نستدعيها بالشكل التالى 


لاحظ ان الدوال تستخدم نفس المحددات للمجال 

public, private, protected, internal, and static 

Static public Jaرخالا مثال على تعريف دالتين احدهما ااام و‎ 
package com.example { 
import flash.net. URLLoader; 
import flash.net.'URLRequest; 
public class Example { 
private var _loader:URLLoader; 
static private var _instance:Example; 
static public const TES T:String = "test constant"; 
public function traceMessage(message:String):void { 
trace("Your message is " + message): 


static public function getlnstance( ):Example { 
if(_instance == null) { 


۳ 


_instance = new Example( ); 


return _instance; 


ا 
و الدوال على العكس من الخصائص من المستحب ان تكون عامة اااںم. 
- الخلايا ايضا لها نوع خاص من الدوال يدعى ١0ا٥‏ ل ئه و لة الخصائص التالية : 
-١‏ اسم الدالة يجب ان يكون هو نفس اسم الخلية 
- الدالة يجب تعريفها كدالة عامة عزااںم 
۳- الدالة لا يجب ان يعلن بها عن بيانات راجعة او قيم مرتجعة من هذة الدالة . 
المثال التالى يوضح كيفية اسناد ال٣ماعں‏ وره لقيمة جديدة للخاصية 6۲لaها_‏ : 
package com.example {‏ 
import flash.net.'URLLoader;‏ 
import flash.net.URLRequest;‏ 
public class Example {‏ 
private var _loader:URLLoader;‏ 
static private var _instance:Example;‏ 
static public const TES T:String = "test constant";‏ 
public function Example( ) {‏ 
_loader = new URLLoader( );‏ 


public function traceMessage(message:String):void { 
trace("Your message is " + message); 


static public function getlnstance( ):Example {‏ 
if(_instance == null) {‏ 
_iİinstance = new Example( );‏ 
return _instance;‏ 
ا 
و قبل ان انھی حدیثی عن الدوال يجب ذكر نوعين من الدوال هما عمق و 
sett‏ و يتم الاعلان عنها كأنها دوال و لكن يسهل التعامل معهم كانهم خصائص عامة 
و الاعلان عن هذة الدوال مثل الدوال الاخرى و لكن هناك اختلافات هى : 
get Keyword pدiowîi‎ Getter method -'‏ 
set keyword şinî Getter method -"‏ 
Getter method -۳‏ لا تأخذ معاملات و يجب ان ترجع الدالة بقيمة . 
Setter meth -٤‏ یجب ان یکون لھا معامل واحد و یجب ان یعرف 
void return type‏ 


و المثال التالى يوضح استخدام 


٤ 


package com.example { 

import flash.net. URLLoader; 

import flash.net.URLRequest; 

public class Example { 

private var _loader:URLLoader; 

static private var _instance:Example; 

private var _sampleProperty:String; 

public function get sampleProperty( ):String { 
return __sampleProperty; 


public function set sampleProperty(value:String ):void { 
_ SsampleProperty = value; 


static public const TEST:String = "test constant"; 
public function Example( ) { 
_loader = new URLLoader( ); 


public function traceMessage(message:String):void { 
trace("Your message is " + message); 


static public function getlnstance( ):Example { 
if(_instance == null) { 

_instance = new Example( ); 

return _instance,; 

1 


و عند استدعاء هذة الدالة 


var example:Example = new Example( ); 
example.sampleProperty = "A"; 

عند استدعاء ١t)6مS‏ نعطیھا معامل متلا ۸ // 

trace(example.sampleProperty); // Call the getter 


هی الجمل و المعادلات التی یتم كتابتها فى برامجنا مثلا عندما تقوم بتعريف متغيرين و 
تريد جمعهم مثلا فان الجملة البرمجية فى هذة الحالة هى: 


total = unitValue * quantity; 


trace("This is a simple statement."); 


جlaة‏ lلتکjڙاڙ Looping statements‏ 
قدرة الكمبيوتر على تكرار أي جزء من الكود ‏ خاصَةَ مع سرعته الفائقة - هي ما تجعله مريحا 
جدا للبشرء ليحمل عنهم عناء الرتابة والبطء والملل 


جملة التکرار "من الی' ...۴0۲ 
الدوران او التكرار او عمل 4 مها من الاوامر الاساسية في جميع لغات البرمجة فمثلا 
اذا كان البرنامج سيدخل اسماء الف موظف هل تعتقد انك ستكتب الف امر لادخال هذه الاسماء 
بالطبع ستكون حماقه ولكن لو وضعنا امر واحد فقط لادخال اسم الموظف وطلبنا من البرنامج 
الدوران الف مرة حول هذا الامر بالطبع سيكون شئ جميل ان يدخل الف بيان بمجهود بسيط 
نتيجة تسهيل اعطته لغة البرمجة 


مثال 
for(i = 0;i < 1000; i++){‏ 
trace(i);‏ 
1 
loop‏ 
expression3‏ 
executed‏ 
for (;triiê;)‏ 
for (;false;)‏ 
loop‏ 
انشائنا عداد يعد من صفر الى٠٠‏ ورمزنا لها بالرمز ز¡ ثم داخل العداد طلبنا منه ادخال 
الموظف رقم أ وهو عداد متغير حتى يكتمل العداد بوصوله للالف ويكون قد تم تنفيذ الامر 
معه الف مرة بأدنى مجهود وكلما تغير العد من ١‏ الى ۲ الى ٠٠٠١‏ تغير معه رقم 
الموظف بنفس الطريقة. 
الجدول التالى يوضح صيغ التكرار المختلفة الخاصة ب٣٥۴‏ وتفسيرها e‏ 


الصيغة الا فق 
for‏ امر اللغة لعملية التكرار 
( قوس مفتوح یوضح بداخله بارامترات الامر 
i=0;‏ المتغير = رقم بداية الحلقات 


۲ 


i<1000;‏ شرط نهاية الحلقات 
j++‏ المتغير يزيد بمقدار واحد مع بداية كل حلقة - لاتضع بعده فاصلة منقوطة 
) قوس نهاية بارامترات الامر - لاتضع بعده فاصلة منقوطة 
قوس بداية بلوك الاوامر المطلوب تكرارها 
بداخل اقواس البلوك توضع الاوامر المطلوب تكرارها 
} قوس نهاية بلوك الاوامر المطلوب تكرارها 
بداخل بلوك الاوامر تم تتفيذ الامر 
وهو امر يقوم بطبع قيمة × التي تتغير في كل مرة ابتداء من صفر حسب ماذكرت ان 
0=¡ وتزيد في كل مرة بمقدار ١‏ حسبما ذكرت ان ++¡ وذلك حتی یصل الى ۹۹ حسبما 
ذکرت ان 100>| 
وبالتالي ستكون مخرجات البرنامج كما يلي 


© د ہل" ل۷ل کک 


99 
مثال أخر : 


<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmins:mx="http://www.adobe.com/2006/mxml" 
verticalAlign="middle" 
horizontalAlign="center" 
xmins="*"> 


<mx:Script> 
<![CDATA[ 


public function enumerateObject():void 


{ 


۷ 


he while Loop‏ جملة التکرا ر 
فى هذه الطريقة يستمر بتنفيذ ما بداخل جملة التكرار ما دام الشرط متحقق فى كل مرة تريد فيها 
الفخزل سوف بتكن من الثرط ارلا فا تكن توم بالفخرل الى دال الجملة و فد ها اشيا 
الى ان يفشل و يخرج من جملة التكرار و لكن اذا كان هناك اوامر خارج جملة التكرار اى بعد 
جملة ٥اأ‏ س سوق ينفذها . 
لکن لاحظ ان جملة ( ٥اااس)‏ یجب ان تحتوی علی ما یلی: 
-١‏ متغير نضعه بالشرط لكى نتحقق من صحة الشرط . 
1- يجب وضع قيمة ابتدائية لهذا المتغير قبل جملة ال(عازاw)‏ . 
آ ن 5 A E E o a E‏ 
بداخل جملة التكرار او بعدها . 


-: مثال‎ 
Xx=0; 
while( x < 100 ){ 
trace(myNumber); 
X++: 


۸ 


قوس نهاية بلوك الاوامر المطلوب تكرارها 


وبعد الاعلان عن المتغير × خلاصة شرح الامر السابق (أعد تنفيذ ما بداخل البلوك طالما × 
او المتغير اقل من ٠٠١‏ تم اقواس بلوك تضع ماشئت بداخله من اوامر وقوس نهاية البلوك 
ويزيد معنا فقط عداد للمتغير ليزيده بالمقدار الذي تريده ويوضع في اي مكان داخل الحلقة او 
حسب افكارك عن البرنامج المهم لاتنساه والا سوف يدور البرنامج داخل الحلقة الى الابد حيث 
ان شرط نهايتها ان تزيد »× عن ٠٠١‏ وطالما لم تضع عداد زياده للمتغير فلن يتحقق الشرط 
وبالتالى لن تنتهي الحلقه الى الابد ويظل يعمل الكومبيوتر بلا نهاية للبرنامج ويميز العذاد 
بالكلفية الصفرآء واليك جدول صياغة الامر الذي تعودنا عليه. 


| Script before 
loop 
. {code block} 


while (false) 


Seript after 
loop 


۲۹ 


حلقة التکرار The do while Loop‏ 
فى هذه الحالة يستمر تنفيذ ما بداخل الحلقة ما دام الشرط متحقق وهنا سوف يدخل الى داخل 
الحلقة و من ثم ينفذ الامر الذى بداخلها و بعد تنفيذها ينتقل ليتحقق من الشرط فاذا تحقق يعود 
مرة اخرى و اذا لم يتحقق يخرج من حلقة التكرار و لن يعود لها . 
لکن لاحظ ان جملة (٥ااطس‏ ۵0) یجب ان تحتوی على ما یلی: 
-١‏ متغير نضعه بالشرط لكى نتحقق من صحة الشرط . 
۲- يجب وضع قيمة ابتدائية لهذا المتغير قبل جملة ال(ع ازس 0ك) . 
۳- يجب ان نذكر هذا المتغير و مقدار زيادته بداخل حلقة الشرط سواءا قبل تنفيذ الجملة التى 
بداخل حلقة التكرار او بعدها . 
myNumber = 99;‏ 
do{‏ 
trace(myNumber);‏ 
}Jwhile(myNumber++ < 10);‏ 


Seript before 
loop 


{code block} 


true) 


فى (اW)‏ نتحقق من الشرط قبل الدخول الى الحلقة اى اننا لا ننفذ اى شئ بداخلها ما دام 
الشرط لم يتحقق 

و هذا امر طبيعى لاننا لم ندخل الى الحلقة اصلا فكيف نعرف ما بداخلها و ننفذه أما فى ( 0ل 
مازW۴)‏ كنا ندخل الى الحلقة و ننفذ امر ثم نفحص الشرط و لكن بعد ان نكون قد نفذنا هذا 
الامر و يجب التنبيه هنا فى حالة عدم تحقق الشرط لن نعود مرة اخرى الى ال(هك) اذن الفرق 
هو ان بال (6اأإW‏ 0ل) ينفذ على الاقل امر واحد فى داخل حلقة التكرار حتى لو كان الشرط 
غير متحقق على العكس ال(ماس) الذى لا ينفذ اى امر مادام الشرط غير متحقق . 


ested L005‏ Nداخل‏ التکرار 

var i:Number = 0; 
while (++i <= 10) { 

var j:Number = 0; 

while (++j <= 10) { 

/I perform these actions 

} 

} 


جمل التحكَّم ف الlwunرment Flow- control state‏ 
إن البرمجة أعمق من أن تكون مجرّد تعريف متغيّرات.. إنها تفكير منطقيٌ يعتمد على حساب 
كل الاحتمالات» لاتخاذ الأفعال المناسبة لكل احتمال.. لهذا فلا بد أن توجد طرق نتحكم بها فيما 
ينقذ ومتى ينقذ من البرنامج. 


جملة الشرط ...| 


تستطيع أن تختبر حدوث شرط معيّن» فإذا كان صحيحا يتح تنفيذ مقطع الشرط وإن كان خاطئا 
يقفز التنفيذ إلى جملة نهاية الشرط . 


الشرط هو افتراض معين يتوقف عليه عمليات اخرى فمثلاً تريد ان تضع شرط الا يدخل رقم 
موظف اكبر من الف لان عدد موظفين الشركة لايزيدون عن الف وبالتالي اذا ادخل من يعمل 
يقوم البرنامج باصدار رسالة تفيد بذلك وهكذا لها حالات كثيرة حسب فكرة البرنامج 


المهم انه تعبير يعطي نتیجة منطقفَيّة (ھمں ۲٣‏ أو هءاھ۴)» مثل: 
myNumber = 10;‏ 
if(myNumber < 20){‏ 
trace("myNumber is less than 20");‏ 


شرح المثال : لقد قمنا بتعريف متغير ۲٣6ط‏ لل" و اسندنا له القيمة ٠١‏ و قمنا بأختبار 
قيمة هذا المتغير اذا كانت اقل من ٠١‏ فسوف نقوم بتنفيذ الكود الموجود بين القوسين [ )و 
هو جملة مع ه]] اما اذا كانت قيمة المتغير اكبر من ۲١‏ فلن يحدث شيء من الكود الموجود 
بين الاقواس }إ ) 


جملة الشرط | ...وع 
مثال : 

myNumber = 10; 
if(myNumber > 20){ 

trace("myNumber is greater than 20); 
} 
Else{ 

trace("myNumber is less than or equal to 20); 
} 


Script before 
conditional 


if (true) 


{code block} 


Seript after 
conditional 


شرح المتال : لقد قمنا بتعريف متغیر Number‏ ص و اسندنا له القیمة ٠۰‏ و قمنا بأختبار 
قيمة هذا المتغر اذا كانت كر سن ٠١‏ فسوقا تقوم بقنفية الكود الو جود بين القوسين, )وؤ 
هو جملة هه ] اما اذاقمنا بتغيير قيمة المتغيرلتصبح ٠١‏ فسيتم تنفيذ الكود الموجود بعد كلمة 


else 
Script before 
conditional 


if (false) if (true) 


{else code block} 


{if code block} 


Script after 
conditional | 


جملة الشرط -٠ |... ٤|۶٥‏ 
یمکن دمج جملتی |¡ من خلال استخدام التعبیر ¡f‏ ءام 


myNumber = 10; 
if(myNumber < 20){ 
trace("myNumber is less than 20"); 


else if(myNumber < 50){ 
trace("myNumber is less than 50 but greater than or equal to 20"); 


٣ 


مذال اخر:- 


Sefipt bêförê 
conditional 


if (true) 


if (false) 


if (false) 


Seript after 
conditional 


استخدام | مع معاملات اخری مثل 2۸d‏ او 0۲ 


on (press) { 
if ((a == 7) and (b == 15)) { 
gotoAndPlay(20); 

} 


on (press) { 
if ((a == 7) or (b == 15)) { 
gotoAndPlay(20); 

} 


کما یمکن دمج اکٹر من تعبیر فی جملة f‏ كما یلى :- 


myNumber = 10; 
if(myNumber < 20){ 
trace("myNumber is less than 20"); 


else if(myNumber < 50){ 


trace("myNumber is less than 50 but greater than or equal to 


20"); 


else{ 
trace("myNumber is greater than or equal to 50"); 
} 


۲۳ 


Seript before | 
conditional | 


if (true) 


{if code block} 


if (true) 


{else if code block} 


Seript after | 
conditional 


مھ کہ ب2 مج مچ کہ بک مج مچ کہ بم ي 


الدالة الشرطية جملة مءaء‏ .... -.SWiİch‏ 


عندما يكون لدينا عدة خیارات و نکون نرید أن نخرج بواحد منهم و هو الذى نريده من بين 
الخیارات والذی سوف نخرج به سوف يحدده المتغير الذى سوف ندخله و الذى سوف يتفق 
مع واحدة من هذه الخيارات و يحققه .. 
{ )تخر ( switch‏ 
الاحتمال الاول cas‏ 
النظلوب لهذا الافال 
الإاحتمال الثانى مكجع 
المطلوب لهذا الأحتمال 
فى حالة عدم تطابق اى حالة يتم تنفيذ ال 


[default] 
} 


The switch Statement 


switch (expression){ 
case caseClause1: 
code block 
case caseClause2: 
code block 


[default] 
} 


۲٤ 


فی المتال الال عرفا مخغر و شيمه ٠١‏ و غناك خان لها تشن فة قرط الحالة ي هى ٠١‏ 
لذلك سوف تجد الناتج دائما هو الحالة الاولى 1 هءهع و لن يطبع ابدا الحالة الثانية. 
x= 10;‏ 
switch( Xx ){‏ 
case 10:‏ 
trace("case 1");‏ 
break;‏ 
case 10:‏ 
trace("case 2");‏ 
break;‏ 


} 


exp = "hello"; 
switch( exp ){ 
case "hello": 
trace("case 1"); 
case "hi": 
trace("case 2"); 
break; 


} 
الناتج‎ 
case 1 
- 8W] مثال أخر يوضح التشابة بين فك رة استخدام أ للتحكم فى البرنامج و استخدام‎ 
switch( exp ){ 
case 1: 
/Ido task a 
case 2: 
/Ido task b 
case 3: 
/Ido task c 


} 


f(x == 3 ){ 
/Ido task c 


يمكن عمل نفس الكود السابق باستخدام f‏ هكذا :- 


else if(x == 2 ){ 
/Ido task b 
/Ido task c 


else if( x == 1 ){ 
/Ido task a 
/Ido task b 
/Ido task c 
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switch( user_command_ string ){ 

case "move north": 

case "go north": 

case "north": 

case "n": 
trace("you have moved north"); 
break; 

case "move south": 

case "go south": 

case "south": 

case "s": 
trace("you have moved south"); 
break; 

default: 


trace("I'm sorry, | don't understand "+ user_command_ string); 


مثال اخیر يوضح جملة SW)‏ :- 


الخلاصة ‏ اننا ندخل المتغير فى جملة ( 0۸| «ء) للمقارنة مع الخيارات الموجودة بداخلها و 
عند مطابقة المتغير مع احدى الخيارات تصبح النتيجة (#ر١])‏ وسوف تنفذ الجملة المتعلقة بهذه 
المطابقة مع العلم ان واحد فقط من هذه الخيارات يعطى (عں١))‏ و البقية (هءاهf)‏ و عندما 
تكون كل الخيارات ليست مطابقة سوف ينفذ ما بداخل 
(default)!‏ . 

ما هي المصفوفة ۷رج2/۲ 
البرمجة الحقيقيّة تبدأ من هذه النقطةء فلقد صُنع الكمبيوتر أساساء ليقوم بالعمليات الرتيية 
المتكرّرة لآلاف أو ملايين المرّات» بسرعة وبدون ملل. 
افتقرض مثلا أك تريد حساب متوسط العمر لخمسين طالبا.. أوّل ما ستفگر فيه» هو أن تعرّف 
خمسين متغيّرا وتجمعها معا وتقسم الناتج على ..٠١‏ إِنَ مثل هذه الطريقة ستستهلك منك شهرا 
على الأقلٌ لكتابتهاء وهي كفيلة بجعلك تكره البرمجة اساسا! 
مع أك تستطيع أن تكتب هذا البرنامج في خمس سطور لا غير.. تخْيّل! 
والفكرة كلها تعتمد على تخزين أعمار الطلبة في "تركيب ما"» يمكن للكمبيوتر أن يتعامل معه 
بطريقة آليّة رتيبة متكرّرةء لينقذ عليه العمليّات التي نريدها. 
هذا التركيب هو المصفوفة له٣۲^,‏ التي تتكرّن من مجموعة من الخانات» كل خانة منها تحتفظ 
بقيمة معيّنة» بحيث يمكن الوصول لهذه القيمة عن طريق رقم خانتها ×هلم|. 


var array:Array = new Array); 


۳٢ 


var array:Array = new Array(elements); 


var array:Array = new Array(elementO,...elementN); 
var letters:Array = ["a", "b", "c"]; 
items[4] = "apples"; 
trace(items[2]); 
لاحظ ان اكشن اسكربت لا تهتم بنوع القيم الموجودة داخل المصفوفة‎ 
مثال هذة المصفوفة تحتوى على انواع مختلفة من المتغيرات‎ 
string, integer, a Boolean, and an object: 
var data:Array = ["a", 2, true, new Object()]; 
اضافة عناصر لبداية المصفوفة و نهايتها‎ 
var array:Array = new Array); 
array.push("val 1", "val 2"); 


و يمكن اضافة عنصر اخر من خلال معرفة طول المصفوفة 
array[array.length] = "val 3";‏ 
مثال عمل مصفوفة مكونة من اربعة عناصر و اضافة عنصر جديد Zz‏ فى بداية المصفوفة لذلك 
القيمة ج سوف تتحرك من بداية المصفوفة اى من الترتيب )١(‏ داخل فهرس المصفوفة الى 
الترتيب ( )١‏ و هكذا 
var letters:Array = new Array( );‏ 
letters.push("a", "b", "c", "d");‏ 
letters.unshift("z");‏ 
و لعرض عناصر المصفوفة نقوم بعمل جملة تكرار بالكود التالى : 
for (var iiint = 0; i < letters.length; i++) {‏ 
trace(letters[i]);‏ 


} 


var letters:Array = ["a", "b", "c"]; 
for (var iiint = 0; i < letters.length; i++) { 
trace("Element " + i + ": " + letters[i]); 
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عرض محتويات المصفوفة بالعكس : 


var letters:Array = ["a", "b", "c"]; 
for (var i:int = letters.length - 1; i >= 0; i--){ 
trace("Element " + i + ": " + letters[i]); 


: يمكنك استخدام طول المصفوفة باسناد القيمة الى متغير مثال‎ 
var length:int = sprites.length; 
for (var i:int = 0; i < length; i++){ 

sprites[i].x++; 


۳۷ 


// قم بعمل مصفوفة مكونة من ۸ عناصر‎ 
var letters:Array - a", B" ا"‎ d" a" "b", "C" dF 


حدد القيمة المراد البحث عنها و ضعها فى متغير نصى // 
var match:String = "b";‏ 


// قم بعمل جملة 0۲ لعرض محتويات المصفوفة‎ 
for (var iiint = 0; i < letters.length; i++) { 


تأكد من ان القيمة المراد البحث عنها متتطابقة ام لا // 
if (letters[i] == match) {‏ 


اذا وجدت العنصر المراد البحث عنة اظهر رسالة 
trace("Element with index " + i +‏ 
found to match " + match);‏ " 


استخدم كلمة )ج٠۲‏ للخروج من جملة التكرار // 
break;‏ 


} 
: قم بتجربة المثال التالى‎ 
var letters:Array ["a", "B., E "ad. a, "B" E "d"]; 


var match:String = "b"; 


// استخدم جملة التكرار للبحث‎ 
/I the "b" is at index 5. 
for (var i:int = letters.length - 1; i >= 0; i--) { 
if (letters[i] == match) { 
trace("Element with index " + i + 
" found to match " + match); 
break; 


} 


} 
يمكنك تبسيط عملية البحث من خلال استخدام الكلاس 


/IThe class is in the ascb.util package 


import ascb.util.ArrayUtilities; 


var letters:Array = ["a", "b", "c", "d"]; 


۳۸ 


trace(ArrayUtilities.findMatchIndex(letters, "b")); 
/I Displays: 1 


trace(ArrayUtilities.findMatchIndex(letters, "r")); 
/I Displays: -1 


ملحوظة كلاس المصفوفة بها ٣‏ وظائف 
findMatchIndex( ), find LastMatchIndex( ), and findMatchIndices( ).‏ 


مثال : 
public static function find MatchIndex(array:Array,‏ 
element:Object):int {‏ 
استخدم متغير لتحديد بداية الفهرس // 
اختر ان تبدأ من الصفر // 
var startinglndex:int = 0;‏ 


var partialMatch:Boolean = false; 


if(typeof arguments[2] == "number") { 
startinglndex = arguments[2]; 


else if(typeof arguments[3] == "number") { 
startinglndex = arguments[3]; 


1 


if(typeof arguments[2] == "boolean") { 
partialMatch = arguments[2]; 


var match:Boolean = false; 

for(var i:int = startingIndex; 

i < array.length; i++) { 
if(partialMatch) { 


match = (arrayf|i].indexOf(element) != -1); 


else { 
match = (array|i] == element); 
} 


۹ 


if(match) { 
return i; 
} 
} 


return -1; 


} 


لازالة عنصر من منتصف المصفوفة استخدم الوظيفة ( )عءأامى 
لازالة عنصر من نهاية المصفوفة استخدم الوظيفة ( )مهم 
لازالة عنصر من بداية المصفوفة ( )5۸۴ 
مثال ‏ 
var letters:Array = ["a", "b", "c", "d"];‏ 


أحذف العنصر الاول و اطبع قيمتة |// 
trace(letters.shift( ));‏ 


.احذف العنصر الاخير و اطبع قيمتة // 
trace(letters.pop( ));‏ 


/I The array has two elements left: "b" and "c". 
for (var i = 0; i < letters.length; i++) { 
trace(letters[i]); 


عندما زيل عنصر من المصفوفة » تحتاج لتغيير قيمة متغيّر الفهرس وفقا لذلك. يُصوَرُ المثال 
التاليْ ما يَخدث إذا لم ثجذذ قيمة متغير الفهرس: 


var numbers:Array = new Array(4, 10); 
numbers[4] = 1; 
trace(numbers); // Displays: 4,10,undefined,undefined, 1 
for(var i:int = 0; i < numbers.length; i++) { 
if(numbers[i] == undefined) { 
numbers.splice(i, 1); 
1 


trace(numbers); // Displays: 4,10,undefined, 1 
لكن الطريقة الصحيحة كما يلى‎ 
var numbers:Array = new Array(4, 10); 
numbers[4] = 1; 
trace(numbers); // Displays: 4,10,undefined,undefined, 1 
for(var i:int = 0; i < numbers.length; i++) { 
if(numbers[i] == undefined) { 


numbers.splice(i, 1); 
ا‎ 
} 


} 
trace(numbers); // Displays: 4,10, 1 


var letters:Array = ["a", "b", "c", "d"]; 


/l into letters starting at index 1. 
letters.splice(1, 2, "r", "s", "t"); 


المصفوفة الان تحتوى على < عناصر // 

// "a P 9 ا‎ and "d۳ 

for (var iiint = 0; i < letters.length; i++) { 
trace(letters[i]); 


تحويل متغير نصى الى مصفوفة : 


var list:String = "Peter Piper picked a peck of pickled peppers"; 
// استخدم المسافة للفصل بين الكلمات فى السطر السابق و وضع كل كلمة كعنصر فى‎ 
المصفوفة‎ 


var words:Array = list.split(" ");‏ 
للتحويل من مصفوفة الى متغير نصى : 


var letters:Array = ["a", "b", "c"]; 
trace(letters.join("|")); // Displays: a|b|c 
: مثال اخر‎ 
var letters:Array = ["a", "b", "c"]; 
trace(letters.join()); // Displays: a,b,c 


: ترتيب المصفوفة‎ 
var words:Array = ["tricycle", "relative", "aardvark", "jargon"]; 
words.sort( ); 
trace(words); // Displays: aardvark,jargon,relative, tricycle 
var scores:Array = [10, 2, 14, 5, 8, 20, 19, 6]; 
scores.sort( ); 
trace(scores); // Displays: 10,14,19,2,20,5,6,8 

لعمل ترتیب عددی 
var scores:Array = [10, 2, 14, 5, 8, 20, 19, 6];‏ 


scores.sort(Array.NUMERIC); 
trace(scores); // Displays: 2,5,6,8,10,14,19,20 
فى بعض الاحيان تود ترتيب المصفوفة فى حالة اذا كانت تحتوى على عناصر فريدة غير‎ 
متکررة لذلك یمکنك ان تستخدم‎ Ara. )/ NI|QJUESORT 
 لاثم‎ 

var ranking:Array = [2,5,6,3,1,1,4,8,7,10,9]; 
var sortedRanking:Object = ranking.sort(Array.UNIQUESORT); 
trace(sortedRanking); // Displays: 0 
trace(ranking); // Displays: 2,5,6,3,1,1,4,8,7,10,9 

مثال على عمل تغيير عشوائي للترتيب : 


var numbers:Array = new Array( ); 
for(var i:int=0;ji<20;i++) { 
numbers[i] = i; 


numbers.sort(randomSort); 
for(var i:int=0;i<snumbers.length;i++) { 
trace(numbers[i]); 


ر 


var bands:Array = ["The Clash", 
"The Who", 
"Led Zeppelin", 
"The Beatles", 
"Aerosmith", 
"Cream"]; 
bands.sort( ); 
for(var i:int = 0; i < bands.length; i++) { 
trace(bands[i]); 


عمل ترتیب خاص 


/* output: 
Aerosmith 
Cream 
Led Zeppelin 
The Beatles 
The Clash 
The Who 

*/ 


لعمل هذا يجب استخدام ()50 مع معاملات خاصة فى الدالة N 2۸7٥501)‏ 2۸ط التی 
سوف تقوم بعملها کما یلی 
var bands:Array = ["The Clash",‏ 
"The Who",‏ 


"Led Zeppelin", 
"The Beatles", 
"Aerosmith", 
"Cream"]; 
bands.sort(bandNameSort); 
for(var i:int = 0; i < bands.length; i++) { 
trace(bands[i]); 
/* output: 
Aerosmith 
The Beatles 
The Clash 
Cream 
Led Zeppelin 
The Who 
ر‎ 
} 


function bandNameSort(band1:String, band2:String):int 

band1 = band1.toLowerCase( ); 

band2 = band2.toLowerCase( ); 

if(band1.substr(0, 4) == "the ") { 
band1 = band1.substr(4); 


٣ 
iffband2.substr(0, 4) == "the ") { 
band2 = band2.substr(4); 


} 
if(band1 < band2) { 
return -1; 


else { 
return 1; 
1 


الدالة ( )50/1 N2/7٥0‏ ۸ه فى البداية تقوم بتحويل الحروف الكبيرة الى حروف صغيرة 

ثم تتأكد من اذا كانت الكلمة تبدأً بكلمة 16] و مسافة فاذا تحقق الشرط تتخطى الاربع حروف 

الاولى ثم اخيرا نقوم بمقارنة الحروف 

لعمل مصفوفة ثنائية الابعاد 

var cars:Array = new Array); 

cars.push(["maroon", 1997, "Honda"]); 
cars.push(["beige", 2000, "Chrysler"]); 
cars.push(["blue", 1985, "Mercedes"]); 


cars.push(["gray", 1983, "Fiat"]); 


for (var iiint = 0; i < cars.length; i++) { 
/I The output is the same as in the 
// earlier parallel arrays example: 
// A maroon 1997 Honda 
/I A beige 2000 Chrysler 
// A blue 1985 Mercedes 
// A gray 1983 Fiat 


TRace("A " + cars[i][0] + " " + 
cars[i][1] + " " + 
cars[i][2]); 


} 
و لكنها ليست منظمة كالاولى‎ C2۲5 طريقة اخرى لعرض محتويات المصفوفة‎ 
for (var iiint = 0; i < cars.length; i++) { 
for (var j:int = 0; j < carsf[i].length; j++) { 
TRace("Element [" + i + "][" + j + "] contains: " + 


cars[i]l]); 
ا‎ 


var letters1:Array = ["a", "b", "c", "d"]; 
var letters2:Array = ["a", "b", "c", "d"]; 
trace(letters1 == letters2]; // Displays: false 
f٣ مثال بطريقة اخرى من خلال فحص كل مصفوفة بأداة التكرار‎ 
var equivalent:Boolean = true; 
for(var i:int = 0; i < letters1.length; i++) { 
if(letters1 [i] != letters2[i]) { 
equivalent = false; 
break; 


المقارنة بين مصفوفتين 


} 


trace(equivalent); // Displays: true 

ArrayUItilities.equals( ) المقارنة باستخدام دالة جاهزة داخل الفلاش و هى‎ 
var letters1:Array = ["a", "b", "c", "d"]; 
var letters2:Array = ["a", "b", "c", "d"]; 
trace(ArrayUltilities.equals(letters1, letters2)); 
/I Displays: true 


مثال على المقارنة بين مصفوفتين 


public static function equals(arrayA:Array, 


var are Array = A al J 
var arrayBCopy:Array = arrayB.concat( ); 


// قم بتريب المصفوفتان‎ 
if(bNotOrdered) { 
e sS ٤ 


it ( yy =إ‎ cS 
delete 


اما اذا كانت متتطابقة 


A 


var ا و‎ = new Object( 


STO >" indhur Franklin‏ ا ا 
فوفة السابقة 


var members:Objec' 
members. 


: = new Object( ); 
be = "Franklin"; 
chairperson = "Gina"; 
members.treasurer = "Sindhu"; 


for (var sRole:String in members) { 
/I Displays: 
/I treasurer: Sindhu 
// chairperson: Gina 
/I scribe: Franklin 


trace(sRole + ": " + members[sRole]); 


]nheritance‏ الورائ 


گك ع ا ت ا الد کل ات اة ا و 
يزيد عليها بعك الخضضائضن و الدوال الخاصة بالظية الجذيدة و تسم الخلية المشتقة الجذيدة 
ئ5اعSub‏ و لعمل ذلك يجب ان تستخدم كلمة ءل "6× يسبقها اسم الخلية الجديدة و 
يتبعها اسم الخلية القديمة و لتوضيح الفكرة افترض ان لديك خلية اسمها ۸ و نريد ان نورت 
منها خلية جديدة تدعى B‏ نستخدم الكود التالى : 


package com.example { 
import com.example.A; 
public class B extends A { 


| 
ا 


لاحظ انة لا يمكن الوراثة من اكثر من خلية فى نفس الوقت كما ان الخلية الجديدة 
مسموح لها فقط بالتعامل مع الخصائص العامة و المحمية عزااuم‏ و protected‏ 
لكن الخصائص الخاصة هأه۷أم غير مسموح التعامل معها و الخلايا فى نفس 
الحزمة البرمجية فقط يمكنها التعامل مع الخصائص الداخلية |۸6۲٣‏ و لنفرض متلا 


ان لدینا خلیتین ۸ر 8. 


package com.example { 
public class A { 

private var _one:Strindg; 
protected var _two:String; 
public function A( ) { 
initialize( ); 


private function initialize( ):void { 
_one = "one"; 
_ two = "two"; 


public function run( ):void { 
trace("A"); 
ا‎ 


و فی هذا المثال 8 عرفت على انها خلية مشتقة من ۸ و الخلية 8 تسطيع التعامل مع 
_two and run( ),‏ 
و لايمكنها التعامل مع 
_one or initialize( ).‏ 


تعددية التشكل ۳ hisمحm0r Poly‏ 
و ا الى ٤‏ 
Over loadin @ ¬١‏ تعدد اشکال الدوال ‏ 
هى امكانية تعريف الدالة الواحدة أى عدد من المرات بحيث تحمل فى كل مرة نفس الاسم و 
تختلف فى عدد المعاملات أو انواعها أو تختلف فى نوع القيمة المرتدة . 
او بصيغة اخرى هى قدرة المبرمج على تعريف اكثر من دالة بنفس الاسم و لكن يشترط ان 
تختلف كل من هذة الدوال فى قائمة ارسال و استقبال المعاملات أيا كان هذا الاختلاف فى العدد 
Overriding =‏ تعدد اشکال الخلایا ‏ 


Overriding 
هى امكانية ان نبنى خلية جديدة ( تسمى الخلية الفر عية وووهاع ں6 او الخلية المشتقة‎ 
من الخلية الأب كءها€ "ه۴۲ او احيانا تسمى الخلية الاساسية‎ ) Derived Class 
بحيت ترث كل خصائص و دوال الخلية الاب مع امكانية احتوائها على‎ B۵ 8ءء‎ 
. خصائص جديدة أو تعديل عمل بعض الخصائص القديمة باستبدالها بأخرى معدلة‎ 
و لكى تقوم بعمل ذلك يجب ان تستخدم كلمة ع ل٣۷6۲ قبل اسم الدالة المراد تعديلها فى الخلية‎ 
:٣ںرہ القديمة مثال عمل ع ا٣مہ للدالة‎ 
keyword in the method declaration; the following overrides the run( 
) method: 
package com.example { 
import com.example.A; 
public class B extends A { 
override public function run( ):void { 
trace("B"); 
١ 
} 


التعامل مع ¥1حداث Handling Events‏ 
الاحداث هى كل ما يستطيع الكائن الاستجابة له و يستجيب الكائن أما للأحداث التى يتسبب فيها 
المستخدم مثل الضغط على لوحة المفاتيح او النقر على زر الفأرة أو عامل وقتى مثل المؤقتات 
.timers‏ 


مثلا يمكنك عمل دالة لانتظار حدث النقر على زر فى النموذج فيظهر لة رسالة تحذيرية و 
لعمل ذلك انت تحتاج لعنصرين هما : 
-١‏ کائن لتربط بة الحدٿث ce)‏ عزطہ ممع من نفس خلية هذا الحدث .Event class‏ 
۲ دالة انتظار انحدتث Event Listener‏ . 
بالنسبة للمثال السابق فأن كائن الحدث الخاص بحدث النقر على الزر يجب ان يكون مشتق من 
الخلية الخاصة بأحداث الفأرة ssھا٥ ٤ vم ٣٤‏ مMous‏ .و هذا الكائن يمتلك دالة عامة هى 
addEventListener( )‏ اتی تأخذ اسم الحدث و دالة انتظار الحدث كمعاملات لهذة الدالة 
و اة العامة للك هي 

object.addEventListener("eventName", listenerFunction); 


و لتحويل المثال السابق لكود اكتب التالى: 
<?xml version="1.0" encoding="utf-8"?>‏ 
<mx:Application xmins:mx="http://www.adobe.com/2006/mxml"‏ 
layout="absolute"‏ 
initialize="initializeHandler(event)">‏ 
<mx:Script>‏ 
<![CDATA]‏ 
import mx.controls.Alert;‏ 
private function initializeHandler(event:Event):void {‏ 
button.addEventListener(MouseEvent.CLICK, clickHandler);‏ 


private function clickHandler(event:MouseEvent):void {‏ 
Alert.show(event.toString( ));‏ 
} 
J>‏ 
</mx:Script>‏ 
<mx:Button id="button" />‏ 
</mx:Application>‏ 
لاحظ ان كل حدث ينتمى لخلية معينة فأحداث الفأرة تنتمی الى خلیة ٤۷٥٣٤‏ مusمM‏ و هذة 
الخلية تضم اشكال عديدة من الاحداث و لكل حدث اسم يعبر عنة بالطبع و علية نستنتج ان اسم 
الحدث ثابت لا يمكن تغييرة لذلك قام مصممى برنامج 2×ه|۴ باعتبار هذة الاحداث ثوابت 
اonstant€‏ فمتلا 1|۳۸ ثابت و هناك ثوابت اخری مثل : 
DOUBLE CLICK‏ 
MOUSE_DOWN‏ 
MOUSE_MOVE‏ 
MOUSE_ OUT‏ 
MOUSE _ OVER‏ 
MOUSE_UP‏ 
MOUSE_WHEEL‏ 
ROLL OUT‏ 
ROLL _ OVER‏ 
و ايضا لوحة المفاتیح لھا أحداث تنتمی للخلیة ٤۷6٣۲٤‏ ۵۲0٥0ط۷مK‏ و الثابت الذی يمثل اسم 
حدث الضغط على لوحة المفاتيح ھر KEY_ DOWN‏ . 


- افترض الان انك تريد ازالة دالة انتظار الحث التى قمنا بعملها فى المثال السابق فماذا نعمل ؟ 
نقوم باستعمال الدالة İst ِ n٥r‏ LڄremoveEvent‏ للأزالة دالة الانتظار ولعمل ذلك فى المثال 
السابق كم بكتابة الكود التالى : 

button.removeEventListener(MouseEvent.CLICK, onClick); 


Error Handling ءlطخا مع‎ Jلماعتلا‎ 


لغة الاکشن اسکربت تدعم التعامل مع اخطأ و قت التشغیل ٤٣٣٥۴۲‏ مص Ru‏ و ذلك يعنى انة 
و لغة الاكشن اسكربت تتعامل مع نوعين من الاخطاء هما : 

1- Handling Synchronous Errors 

2- Handling Asynchronous Errors 


التعامل مع الlخطlء‏ لnتieljة Handling Synchronous E/rOrs‏ 
الاخطاء المتزامنة هى الاخطاء التى تحدث عند محاولة تنفيذ جملة برمجية . 
و لحل هذة المشاكل قم باستخدام الدوال 
try/catch/finally‏ 
مثلا اذا كان لديك جملة برمجية تتوقع منها مشاكل و قت التشغيل قم بكتابتها بين دالة رم] هكذا 
try {‏ 
[الكود الذى من الممكن ان ينتج عن تفيذة خطا // 


ثم بعد ذلك تقوم باصطياد الخطأً من خلال كلمة ءاه المعرف بها نوع الخطأ المرسل لها و 
بالطبع توقع الاخطاء التى قد تصدر من برنامج 2×ه|۴ نفسة اولا التى تكون محددة بارقام 
معينة و تنتمی للخلیة ۴0۴5.٣0۴۲‏ .اها تم بعد ذلك اخطائك انت البرمجية الغير 
معروفة لبرنامج ۴6×2 مثال : 
try {‏ 
الكود الذى من المحتمل ان ينتج منة خطا // 


catch (error:lOError) { 

[الكود الذى سيحدث عندما يظهر خطأ معين // 

catch (error:Error) { 

الكود الذى سيحدث عندما يحدث خطأ غير متوقع و لا تعرف رقم هذا الخطاً // 


و اخيرا يمكنك اضافة تعبير ¥ااج٣ا؟‏ و تكتب فية الكود المراد تنفيذة على اية حالة فى حالة 
r ١‏ 
الكود الذى من المحتمل ان ينتج منة خطا |// 
catch (error:lOError) {‏ 


ع 


الكود الذى سيحدث عندما يظهر خطاً معين // 


catch (error:Error) { 


إ الكود الذى سيحدث عندما يحدث خطاً غير متوقع و لا تعرف رقم هذا الخطاً // 

finally { 

الكود المطلوب تنفيذة على أية حال |// 

عموما معظم اخطاء برنامج ۴×2|؟ هى اخطاء متزامنة مثلا اذا كنت تريد برنامج يطلب من 
المستخدم ان يختار ملف ما من جهازة الشخصى فانك تقوم بعمل نافذة اختيار ملف و برنامج 
ayerام‏ ashاf‏ لا يسمح بفتح اكثر من مربع حوار اختيار ملف واحد اى نافذة واحدة و اذا 

قام المستخدم باستدعاء الدالة موسه٠۲ط‏ الخاصة بالكائن ۸٥6۲٠٣٥٥‏ أ۴ اكثر من مرة فان 

برنامجك سيحدث بة خطأ تزامنى و لترى ذلك اكتب الكود التالى : 

<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmins:mx="http://www.adobe.com/2006/mxml" 

layout="absolute" 

initialize="initializeHandler(event)"> 

<mx:Script> 

<![CDATA] 

import flash.net.File Reference; 

private function initializeHandler(event:Event):void { 

var file:FileReference = new FileReference( ); 

file.browse( ); 

file.browse( ); 

ا 

Jj> 

</Imx:Script> 

</mx:Application> 


و لمعالجة رسالة الخطاً استخدم ما تعلمتة للأصطياد الاخطاء كما يلى 
<?xml version="1.0" encoding="utf-8"?>‏ 
<mx:Application xmins:mx="http://www.adobe.com/2006/mxml"‏ 
layout="absolute"‏ 
initialize="initializeHandler(event)">‏ 
<mx:Script>‏ 
<![CDATA[‏ 
import flash.net.File Reference;‏ 
private function initializeHandler(event:Event):void {‏ 
var file:FileReference = new FileReference( );‏ 
try {‏ 
file.browse( );‏ 
file.browse( );‏ 


catch(error:Error) { 
errors.text += error + "\n"; 
} 

} 


1j> 

</mx:Script> 

<mx:TextArea id="errors" /> 
</mx:Application> 


التعامل مع الاخطاء غير nllتêقعة Handling Asynchronous Errors‏ 

مثلا اذا كنت تريد رفع ملف على الشبكة و هذا الملف اصبح غير موجود فان هناك خطأ غير 

متوقع و خارج نطاق اخطاء برنامج 2×ه|؟ متلا لحل المشكلة السابقة قم بكتابة الكود التالى 
<?xml version="1.0" encoding="utf-8"?>‏ 
<mx:Application xmins:mx="http:/www.adobe.com/2006/mxml"‏ 
layout="absolute"‏ 
initialize="initializeHandler(event)">‏ 
<mx:Script>‏ 
<![CDATA]‏ 
private function initializeHandler(event:Event):void {‏ 
var loader:'URLLoader = new URLLoader( );‏ 
لتجربة ذلك يجب ان تختار ملف خار ج نÙطlق security sandbox‏ // 
loader.load(new URLRequest("data.xml"));‏ 
loader.addEventListener(SecurityErrorEvent.SECURITY_ERROR,‏ 
securityErrorHandler);‏ 


private function 
securityErrorHandler(event:SecurityErrorEvent):void { 
errors.text += event + "\n"; 

٢ 

1 

</Imx:Script> 

<mx:TextArea id="errors" /> 

</mx:Application> 


استعمال لغة 1× 
إن 1× هي طريقة لتمثيل أى بيانات منظمةء وذلك بتحويلها لنص يعبر عنها.. وبهذا تصلح 
لغة 11× للتعبير عن أى نوع من أنواع البيانات» متل الجداول والصور وغيرهما. 
ورغم أن الملقات النصية أكبر حجما من الملقات الثنانيّةَ ءهاأ۴ ر۲ه"ا8؛ إلا إن الأولى 
صالحة للتعامل مع أي تطبيق بل مع أي نظام تشغيل.. لهذا فقد صارت لغة 01× في السنوات 
الأخيرة هي أنسب وسيلة لنقل البيانات عبر الإنترنت» وذلك حثى تتجاوز مشاكل عدم التوافق 
بين التطبيقات وأنظمة التشغيل المختلفة.. 


لغة الترميز الموسعة eXtensible Markup Language‏ التي یرمز لھا بالاختصار 


XML‏ وهی اه مہم م في وصف وتخزین وتنظیم البيانات بخلاف لخة HTML‏ التي مړ ام م 
لكيفية عرض البيانات على المتصفح . 


°١ 


وهنا يجب ملاحظة شي هام أن لغة 11× ليست لغة في الأصل فا 1× تصف مجموعة من 
التعابير التي تستخدمها لبناء لغاتك الخاصة على سبيل المثال لنفترض أن لدينا بيانات حول اسم 
شخص ما وانك تريد تبادل هذه البيانات مع الآخرين يمكنك تمثيل هذه البيانات في ملف نصي 
بالصورة التالية. 
Michael nabil‏ 
أو بصيغة 1۲1 بهذا الشكل . 
<html>‏ 
<head><title>name></title></head>‏ 
<body>‏ 
<p> Michael nabil </p>‏ 
</body>‏ 
<html>‏ 
يمكن تمثيل هذه البيانات في 11× بالشكل التالي . 
<name>‏ 
<first> Michael</first>‏ 
<last> nabil </last>‏ 
<name>‏ 
يمكنها بسهولة معرفة أن هذه المعلومات تمتل اسم 4"٠‏ لشخص ما وأيضا هناك بيانات 
تسمی <ء۲|>و بيانات أخرى تسمى <اوع|> يجب آن تكون ذات معنى طبعا المعنى يدل 
على محتوى المعلومة بداخلها . 
لو قمنا بحفظ الملف السابق باسم | ×. 28م فیمکنا فتح هذا الملف بواسطة متصفح الإنترنت 
لديك بشرط أن لا يقل عن ٠,٥١‏ وسوف يظهر بهذا الشكل . 


- MAME > 
<first=Michael <ffirstx= 
<lastz=nabil</lastz 

2 NAME> 


o 


وبالرغم من أن ملف 01× السابق لا يحتوى على إي معلومات حول كيفية العرض فان 
المتصفح قام باستعراض الملف بصورة لطيفة وبتنسيق لونى مختلف وأيضا البنية الشجرية التي 
فهمها المتصفح وترجمها أيضا وذلك بالنقر على الرمز (-) بجانب البند ۳٠<‏ هم> وهذه 
الطريقة مفيدة جدا عندما يكون الملف كبير الحجم . 


ونلاحظ أننا لم نقم بوصف البيانات لكي تظهر بهذا التنسيق الموجود ولكن هذا ما يقدمه لنا 
متصفح الإنترنت فلهذا المتصفح ورقة تنسيق S٥6‏ هار افتراضية مبيتة داخلة مما يمكن 
المتصفح من عرض إي مستند 11× وفق ورقة التنسيق هذه . 


تدخل لغة 0SS‏ ضمن عائلة 1× أيضا وذلك في حالات استعراض مستندات 1× 
البسيطة ويمكن العوض عنها باستخدام لغة ×S1‏ وذلك في الحالات المعقدة وهى تتضمن 
تحويلات خاصة تسمى هذه التحويلات 5۲× والتي تستخدم لتحويل مستندات 1× إلى 
أنواع مستندات أخرى .بإضافة إلى أسلوب عرض المعلومات . 

نموذج كائن المستتد إل Document Obز‌ec† M0‏ أو DOM‏ هذا النوع من عائلة ML‏ × 
هو معروف جيداً لمن تعامل من قبل مع لغة M1‏ 17 و امpااvaSCهل‏ ألم تمر عليك جملة 
Document .write‏ قبل ذلك . 


فهذا الكائن يمكنه ربط مستندات 1× مع لغات برمجة أخرى مع إمكانية الإضافة والحذف 
التعذيل داخل دات × بو انطة لختك المفضلة 


مطوري البرمجيات تستخدم هذا النموذج منذ سنوات عدة باستخدام بنية بينات تسمى 6زط0 
اهم أو نموذج الكائن وهى مرتبطة مع بعضها بتسلسل هرمي . أيضا في لغة 1× تجمع 
البينات في تسلسل هرمي فالبنود في المستند تتبع بعضها البعض بعلاقات Parent / Child‏ 
أو الأب / الابن . 


وهذه البنود تسمى بالعناصر كأ" "ءام وهى أجزاء منفردة من المعلومات . 

نأخذ مثال الاسم السابق شرحه ونمثله بطريقة هرمية 

نلاحظ أن البند <مصه.N‏ > هو أب للبند <أوم۴ > والبند <أوم¡۴ > هو ابن للبند > 
Name><‏ والبنود F۴irst<‏ > و >leاMidd‏ > و <ایa[‏ > جميعها انساب لبعضها البعض 
لان جميعهم آبناء للبند <مNam‏ > 

ونلاحظ أيضا أن النص هو ابن للعنصر الذي ينتمي له فالنص E44‏ يمثل ابنا للبند > 
<اء٣‏ أ۴ .تسمى هذه البنية من البينات بالشجرة 1۲٠6‏ فكل جزى من الشجرة يحتوى على أبناء 
تسمى بالفروع 8۲4۸٥٥١‏ وجميع الأجزاء التي تحتوى على أبناء تسمى بالاوراق sم۷جم]‏ 
إذا نقول : 

Element Content 

العنصر Na ٥<‏ > يعتبر ٤nم†con‏ ntصصemاع‌‏ لان هناك عناصر تنتمي له ولیس مجرد 


نص فإنه يعتبر محتوى عنصر . 


or 


Simple Content 


الaنصر First>‏ < و Last> < Middle>‏ < هي a>تJg‏ ڊıڍط Simple Content‏ 
لأنها تحتوى على نص فقط . 


Mixed Content 


أيضا يمكن للعناصر أن تحتوى على عناصر أخرى وعلى نصوص في تلك الحالة فان للعناصر 
تلك محتوJ‏ مخliط Mixed Content‏ 


منهجية عمل 01× وقواعدها :- 


)١‏ اللواحق والنصوص والعناصر 
Tags and Text and Elements‏ 


اللاحقة أو ما يطلق عليها البعض والوسم (9ه1٠)‏ هي عبارة عن كلمة أو مصطلح موضوع 
بين رمزي إحاطة < > يمتل رمزا معرفا لتنسيق ما وذلك في مستندات ۳۲1 بينما يمتل 
اسما لعنصر ءا عmصeاع‏ في مستندات ×XML‏ 


- MAME > 
<first=Michael</first= 
<lastz=nabil<flastz 

2 namê 


وكما تلاحظ فان ال وه" تأخذ الطابع الزوجي فكل لاحقة 
لها لاحقة مقابله لها تعرف الأولى لاحقة البداية وج٠‏ ٣ه)S‏ وتعرف الثانية بلاحقة النهاية 
94 "ع . الاختلاف بين الاثنين هو أن لاحقة النهاية تحتوى على الرمز “/” . 


في 1× جميع المعلومات الموجودة بين لاحقة البداية ولاحقة النهاية نسمى بالعناصر 
ement|اع‏ وبالتالي فان . 


<أ۲5ا؟ > هي لاحقة بداية 


<أ۲اf/‏ > هي لاحقة نهاية 


f۴l|rest>michael< /first>‏ > هو عنصر 


o٤ 


Element Content 
Element content النص الواقع بين لاحقة البداية ولاحقة النهاية يسمى بمحتوى العنصر‎ 


PCDATA 
المحتوى الواقع بين لاحقتين عبارة عن بيانات ويعرف في هذه الحالة ببيانات الرمز المعرب‎ 
> ۴رك اذا احتر ى هذ العنصر على سطو مات تصبة مل العنضر <ة[لل ام‎ A 
PCDATA ye 


Root Element 
المستند ككل بدء باللاحقة <م" هم > وانتهاء باللاحفقة<۸۳"6م٣/ > فهو يمثل عنصر‎ 
Root Elemen† يحتوى على مجموعة من العناصر وهنا نطلق عليه عنصر الجذر‎ 


قوانين العناصر 


يجب على مستندات 01× الخضوع لهذه القوانين كي تشكل فعليا مستندات 11× محكمة 
Well-formed XML Documents ill‏ 


ِ ا ا ا 

لا يمكن للواحق أن تتداخل . 

ت یحتوی مستند 1× على عنصر جذر واحد فقط. 

- لغة 1× حساسة لحالة انفحروزف Case-Sensiive‏ 


- لغة 1× لا تتجاهل المساحات الفارغة في مستنداتها . 


أمعضاء العناصر - 

لغة 1× توفر لك الحرية في تسمية العناصر فهي لا تحتوى على أسماء محجوزة كما في 
معظم اللغات » فهي لديها مرونة كبيرة في اختيار الأسماء . ولكن يوجد مجموعة من القوانين 
التي يجب مراعاتها :- 


- يمكن للأسماء أن تبدأ بأحرف لاتينية أو غير لاتينية أو أن تبدأ بالرمز 
(underscore‏ _) ولكن لا يمكن أن تبدأ برقم أو بعلامة ترقيم . 


E a a N aes 


5 لا يمكن للأسماء أن تحتوى على فراغات . 


oo 


لا يمكن للأسماء أن تحتوى على ":" فهو محجوز في ×١1‏ 
لا يمكن للأسماء أن تبدأ بالأحرف × سواء كانت بأحرف صغيرة أو كبيرة . 


لا يمكن أن يكون هناك فراغ بين قوس الإحاطة المفتوح < وبين اسم العنصر 


۲) الصفات 
Attributes‏ 


أن مستندات 01× يمكن أن تتضمن صفات أو سمات معينة ءا طآ٣))ج‏ الصفات عبارة عن 
اسم معين تسند له قيمة معينة بحيث يرتبط ذلك الاسم وتلك القيمة بعنصر معين في مستند 
XML‏ . 


- name nickname="mic" z= 
afrst=Michaelsffirstx 
zlastznabils/lastz 

ZF AME > 


يجب أن تحتوى الصفات على قيم ويجب أن تكون هذه القيم واقعة بين علامتي اقتباس ولا 
يشترط أن تكون علامة الاقتباس مفردة أو مزدوجة . 


يمكن للصفات أن تقدم بيانات وصفية هة لهه والتي يمكن أن لا تكون وثيقة الصلة بمعظم 
التطبيقات التي تتعامل مع المستندات 1× 


على سبيل المثال إذا علمنا أن بعض التطبيقات يمكن أن تهتم بالاسم المستعار مص٣a١ Nick‏ 
ولكن معظم التطبيقات لا تهتم بهذه المعلومات فان استخدام هذه المعلومات كصفة سيكون ذا 
معنی . 
ان ٣عرهام‏ اها؟ يدعم طريقتين للتعامل مع لغة ا× هما 
a legacy XMLDocument class (XML DOM)‏ -1 

2- new XML class that implements the ECMAScript for XML (E4X) standard. 
شرح لغة ال ا× خارج نطاق هذا الكتاب لكن يمكنك الرجوع لكتابى السابق اكشن اسكربت‎ 
من الصفر لان بة ملحق لتعليم لغة ال ا"× و للأمانة العلمية‎ ۲ 
هذا الملحق منقول من موقع الموسوعة العربية للبرمجة‎ 


http ://www.c4arab.com 


للكاتب : أسماء المنقوش 


°٦ 


و يمكنك الرجوع لأى موقع اخر على الانترنت لتعلم منة لغة ال 01× 


XML DOMNiiıطز‎ 


- بداية يجب ان تقوم بعمل كائن ا"× و لديك طريفتين لعمل ذلك اما تستخدم xm| literals‏ 
xml constructor Jazتmت gl‏ . 
- كاحiterا‏ اm×‏ يستعمل اذا كنت تريد كتابة بيانات ملف ال "× و توصيفة داخل 


. الكود‎ 
مثال‎ 
var xmI:XML = <books> 
<book> 
<title>learn Flex 2</title> 
<authors> 


<author first="michael" last="akhnokh" />‏ 
<author first="nermen" last="fahim" />‏ 
</authors>‏ 
</book>‏ 
<book>‏ 
<title> ActionScript 3.0 from Zero</title>‏ 
<authors>‏ 
<author first="frank" last="nabil" />‏ 
<author first="mena" last="nabil" />‏ 
<author first="deana" last="welsson" />‏ 
</authors>‏ 
</book>‏ 
</books>;‏ 
قمت بكاتبة محتويات ملف ال |"× داخل متغير للأستخدامة مباشرة من داخل الكود . 
- اما اذا كنت تريد كتابة ملف منفصل عن الكود فانت فى هذة الحالة يجب ان تستخدم 
x constructor‏ فیقوم البرنامج بتحمیل البیانات من الملف کانھا نصوص 
trin‏ و یرسلھا لل Xm constructor‏ کالکود التالی 
var xml:XML = new XML(loadedXMLData);‏ 
- لكن لاحظ ان كل نص يرسل يعتبر عقدة من العقد الخاصة بملف ال ا× و هنا يعتبر 
البرنامج المسافات الفارغة بين العقد داخل ملف ال ا× نصوص و يرسلها للبرنامج مما 
يسبب خطأ اثناء تنفيذ البرنامج لذلك يجب ان تستخدم جملة تجاهل المسافات الفارغة وهى 
XML.ignoreWhitespace = true;‏ 
var xmlI:XML = new XML(loadedXMLData);‏ 


Reading XML Data Ji I القراءة من ملف !کس‎ 


يمكنك استخدام الدالة ( )۸٠۲ل|أطم‏ التى تقوم بأعادة مصفوفة من الكائنات تحتوى على كافة 
العفد الان الخاضة بالفدة الات مال عز كن ال الاو لى من ملف × 


o۷ 


var bookNodes:XMLList = xml.children( ); 
trace(bookNodes([0].toXMLString( )); 


و لمعرفة عدد العقد داخل الملف استخدم الدالة 
length( )‏ 
مثال : 
var bookNodes:XMLList = xml.children( );‏ 
for(var i:uint = 0; i < bookNodes.length( ); i++) {‏ 
trace(bookNodes[i].children()[0].toXMLString( ));‏ 


مثال : على استخدام الدالة ٣۸۲)(‏ ٥مم‏ 

trace(xml!.children()[0].children()[0].parent().toXMLString( )); 

attrib utچڑئs)‎ ) مثال : على استخدام الدالة‎ 
var authorO0:XML = xml.children()[0].children()[1].children( )[0]; 
var attributes:XMLList = authorO.attributes( ); 
var attributeName:String; 
for(var i:uint = 0; i < attributes.length( ); i++) { 
attributeName = attributes[i].name( ); 
trace(attributeName + " " + authorO.attribute(attributeName)); 


يعتبر الاسلوب السابق هو المفضل فى حالة اذا كنت لا تدرى طريقة بناء او اسلوب ملف ال 
ا"× الذى تعمل معة لكن من المؤكد انها طريقة صعبة نوعا ما اما اذا كنت تعرف التراكيب 
المستخدمة فى بيانات ملف ال ا"× الخاص بك فانا انصحك باستعمال الطريقة التالية : 
(4×۸٤)طريقة‏ 
اسهل فى التعامل حيث يمكنك التعامل مع العقد الصغيرة داخل الملف مباشرة ×4عتعتبر 
من خلال الاسم الخاص بكل عقدة مثلا تريد ان تتعامل مع العقدة الاولى فى الملف 
trace(xmI.book[0]);‏ 
متلا لعرض الاسم الأول للكاتب الاول من الملف 
trace(xmI.book[0].authors.author[0].toXMLString( ));‏ 
مثلا لعرض اول صفة من صفات الكاتب الاول فى اول عقدة 
trace(xml.book[0].authors.author[0].@first);‏ 
استخدامیr٥t|اi؟f E4X‏ 
مثلا لعرض كل اسماء اباء المؤلفين للكتب الذين اسمهم الاخير ااه" 
var authors:XMLList = xmlI.book.authors.author.(@last == "nabil");‏ 
for(var i:uint = 0; i < authors.length( ); i++) {‏ 
trace(authors[i].parent().parent().toXMLString( ));‏ 


الكتابة و التعديل باستخدام كائ اس م Writing to and Editing XML Objecis Ji‏ 
باستخدام تقنية ×4 يمكنك تعديل اسم الكتاب الاول الى عاص F۴lex×2 wih‏ 
xm!.book[0].title = " Flex2 with mic ";‏ 


مثلا تغیر اسم المؤلف الثانی الى مsوںمر‏ 


o۸ 


xmIl.book[0].authors.author[1].@first = " youssef "; 


اذا كنت تريد اضافة بيانات جديدة استخدم دالة 
appendChild( );‏ 


xml.book[0].appendChild(<publisher>MIC</publisher>); 
xmI.book[1].appendChild(<publisher>MIC</publisher>); 
اما للأضافة عقد قبل عقدة ما او بعد عقدة ما استخدم كلا من دالتى‎ 
insertChildBefore( ) and insertChildAfter( ) 
: مثال‎ 
xml!.book[0].insertChildAfter(xmI!I.book[0].authors, 
<publicationDate>2008</ 
publicationDate>); 
xmIl.book[1].insertChildAfter(xm!I.book[1].authors, 
<publicationDate>2008</ 
publicationDate>); 
: يمكنك اضافة عقدة للملف ثم حذفها الملف بالكود التالى‎ 
xmI.book[0].authors.author[1] = <author first="michael" 
middle="nabil" last="aknokh" 
;ج‎ 
trace(xmI.book[0].authors); 
delete xmI.book[0].authors.author[1].@middle; 
trace(xmI.book[0].authors); 


Reflection 
لغة الاكشن اسكربت تعدم هذة الخاصية من خلال استخدام دوال معينة من الحزمة البرمجية‎ 
: و هذة الدوال ھی‎ flash. utils package 


o getQualifiedClassName 

o getQualifiedSuperclassName 
o getDefinitionByName 

e describe Type 


Getting the Class Name 
مثال : على معرفة اسم الخلية‎ 

var loader:'URLLoader = new URLLoader( ); 
var className:String = getQualifiedClassName(loader); 
trace(className); // Displays flash.net.'URLLoader 

مثال : على استعادة الاسم الكامل للخلية 
var loader:'URLLoader = new URLLoader( );‏ 
var className:String = getQualifiedSuperclassName(loader);‏ 
trace(className); // Displays flash.events.EventDispatcher‏ 


Getting the Class by Name 


°۹ 


مثال : يمكنك معرفة ارتباط المرجعى لخلية ثم بعد ذلك عمل كائن من هذة الخلية 
var classReference:Class =‏ 
Class(getDefinitionByName("flash.net. URLLoader"));‏ 


var instance:Object = new classReference( ); 

كما يمكنك استعمال القيمة الراجعة 
var loader:'URLLoader = new URLLoader( );‏ 
var className:String = getQualifiedClassName(loader);‏ 
var classReference:Class =‏ 
Class(getDefinitionByName(className));‏ 
var instance:Object = new classReference( );‏ 


Class Introspection 


: يمكنك استخدام ( )٠مر۴۲٥طأاءومل لمعرفة وصف كافة الاحداث الخاصة بكائن و الدوال العامة و الخصائص العامة لة ايضا‎ 
URLLOADERjئکÛا مال : لمعرفة كافة المعلومات عن خصائص و دوال و احداٿ‎ 
var loader:'URLLoader = new URLLoader( ); 
var description:XML = describeType(loader); 
trace(description); 
الناتج هو‎ 
<type name="flash.net::URLLoader" 
base="flash.events::EventDispatcher" 
isDynamic="false" isFinal="false" isStatic="false"> 
<metadata name="Event"> 
<arg key="name" value="httpStatus"/> 
<arg key="type" value="flash.events.HT TPStatusEvent"/> 
</metadata> 
<metadata name="Event"> 
<arg key="name" value="securityError"/> 
<arg key="type" value="flash.events.SecurityErrorEvent"/> 
</metadata> 
<metadata name="Event"> 
<arg key="name" value="ioError"/> 
<arg key="type" value="flash.events.IOErrorEvent"/> 
</metadata> 
<metadata name="Event"> 
<arg key="name" value="progress"/> 
<arg key="type" value="flash.events.ProgressEvent"/> 
</metadata> 
<metadata name="Event"> 
<arg key="name" value="complete"/> 
<arg key="type" value="flash.events.Event"/> 
</metadata> 
<metadata name="Event"> 


<arg key="name" value="open"/> 
value="flash.events.Event"/> 


tendsClass type="flash.events::EventDispatcher"/> 

<extendsClass type="Object"/> 
<implementslInterface type="flash.events::lEventDispatcher"/> 
<constructor> 
<parameter index="1" type="flash.net::URLRequest" 
optional="true"/> 
</constructor> 
<variable name="b) ا‎ type="uint"/> 
<variable name=' 1" type="*"/> 
<method ni ا‎ declaredBy="flash.net::URLLoader" 
return Type="void"> 
<parameter index="1" type="flash.net::'URLRequest" 
optional="false"/> 
</lmethod> 
<method name="close" declaredBy="flash.net::URLLoader" 
return Type="void"/> 
<variable name="dataFormat" type="String"/> 
ا‎ name= “bytesLoaded' type="uint"/> 

meth atchEvent" 
declaredBy=" lash.events::EventDispatcher" 
return Type="Boolean"> 
<parameter index="1" type="flash.events::Event" optional="false"/> 
<Ilmethod> 
<method name="toString" 
declaredBy="flash.events::EventDispatcher" 
return Type 9"/> 
<method name="will Trigger" 
declaredBy="flash.events::EventDispatcher" 
return Type="Boolean"> 
<parameter index="1" type="String" optional="false"/> 
</method> 
<method name="addEventListener" 
declaredBy="flash.events::EventDispatcher" 
returnType="void"> 
<parameter index="1" type="String" optional="false"/> 
<parameter index="2" type="Function" optional="false" 
<parameter index="3" type="Boolean" optional="true"/> 
<parameter index="4" type="int" optional="true"/> 
ا‎ type="Boolean" optional="true"/> 
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<method name="hasEventListener" 
declaredBy="flash.events::EventDispatcher" 

return Type="Boolean"> 

<parameter index="1" type="String" optional="false"/> 
</method> 

<method name="removeEventListener" 
declaredBy="flash.events::EventDispatcher" 
returnType="void"> 

<parameter index="1" type="String" optional="false"/> 
<parameter index="2" type="Function" optional="false"/> 
<parameter index="3" type="Boolean" optional="true"/> 
</method> 

</type> 


Using Data Bindi ngٽlنlıبll استخدام خاصية ربط‎ 


هى طريقة لربط أداة بأداة اخرى او كائن تم عملة بلغة الاكشن اسكربت بأداة اخرى و فكرة 
الربط هى عندما تتغير قيمة معينة فى كائن او اداة فانها تؤثر فى الكائن الاخر و هناك اكثرمن 
طريقة لتحقيق ذلك و لكننا الان سنتعلم ابسط هذة الطرق و هى طريقة كتابة الاقواس 
Curly braces ({)‏ 
التى بداخلها الاداة المراد الربط بينها و بين اداة اخرى و فى هذة الطريقة نكتب الكود فى داخل 
تاج MXML‏ 
مثال : نستخدم مربع نص و زر ادخال و كلا منهما يمتلك خاصية كتابة و قراءة النص 
المعروض من خلالهم و الان سنكتب كود يعرض كلمة ا٥2 N٣‏ فى مربع النلص 
<mx:VBox>‏ 
<mx:Text id="output" text="Michael" width="200" height="200" />‏ 
<mx:Textlnput id="input" />‏ 
</mx:VBox>‏ 
الان سنستخدم خاصية ربط البيانات بين مربع النص و الزر بحيث كلما يتغير النص المكتوب 
فى مربع النص يتغير النص المكتوب على الزر 


<mx:VBox> 

<mx:Text id="output" text="{input.text}" width="200" height="200" 
/<> 

<mx:Textlnput id="input" /> 

</mx:VBox> 
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الفرق بین كلمتىı Import and Include‏ 
: تقوم بعمل ربط بين كلاس خارجى و بين المشروع الحالى لكى يسهل لك استخدام 
خصائص هذة الكلاس داخل ملف المشروع الجديد الخاص بك مثال Import‏ 


import mx.controls. Textlnput; 
نستخدمها فى حالة نقل سطر من الكود من ملف اخر حتى ل نقوم بكتابة الكود اكثر من مرة‎ 


.Including 
. >mx:Scr|مأ< و يمكن كتابة الكود بين تاجى‎ 
: مثال‎ 
<mx:Script> 
<![CDATA[ 
include "filename.as"; 
J> 


</Imx:Script> 


او يمكن كتابة اسم الملف الموجود بة كود الاكشن اسكربت كمايلى 
<mx:Script source="filename">‏ 
الفكرة components Jaze ja‏ 
بداية ما هى الكمبونات هى مجموعة من الأدوات التى نستخدمها فى برنامج ×۴6 و لكن هذة 
المكونات صنعتها الشركة المصممة لبرنامج ×ه|۴ و أعطتنا مطلق الحرية للأستخدامها كما 
هى و أيضا تعديلها سواء بالأضافة عليها أو صنع غيرها من جديد و لكن ما الغاية من فكرة 
الكومبونات : 

. تقسيم المشروع لنماذج صغيرة يمكن استخدامها منفردة فى برامج أخرى‎ -١ 

- تشارك المبادئ العامة لعمل الكمبونات بينها و بين بعضها . 

۳- عمل مجموعة من الكمبيونات تساعدك فى مشاريعك القادمة و يعاد استخدامها او بيعها 

لمبرمجين اخرين . 
مثال : يمكنك عمل كمبونات خاصة بك بالاعتماد على کمبونات سابقة و ھی ا e×)| ٣م Uu‏ اا 
و سوف يتضح هذا عند شرح البرمجة بالكائنات و مفهوم الوراثة . 


package myComponents 
public class MyTextlnput extends Textlnput 
{ 
public function My Textlnput() 
1 
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Library‏ assاC‏ ×ها۳ مكتبة الخلايا الخاصة بالبرنامج 
مثال على مجموعة من الخلايا الهامة التى تشترك فى بناء برنامج »ها۴ 
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e mx.controls - Flex user interface controls الخلايا الخاصة بواج‎ 
المستخدم‎ 

e mx.collections - Flex collection components 

e mx.charts - Flex charting components Jill الخلايا الخاصة بالر سم‎ 

e mx.utils - Flex utility classes 

e flash.events - Flex event classes الخلايا الخاصة بالاحداث‎ 

e flash.net - Flex classes for sending and receiving from the 
network, such as URL downloading and Flash Remoting 

هى الخلايا الخاصة بربط البرنامج مع الشبكات عموما و شبكة الانترنت ايضا ه 


0ata Providers and Collections‏ مزود البیانات و مجموعات جمع الببانات 


الکثير من أدوات بر نامج ×عِ‌|F‏ تتم array or J data provider‏ 

ectionااl Array‏ و ذلك کمصدر یمد الاداۃ بالبیانات التی نرید عرضھا من خلالھا مثل 
ادا الداتا جرید 9٣۵‏ هاه تعرض البیانات فی شكل صفوف کبرنامج الاکسیل و کل 
سف کل ع اد بن س ا ت 


و فیما یلى مجموعة الادوات التی یمکن استخدام ٣0۷|‏ م Data‏ معها : 


e Tree control 

e DataGrid control 

e ComboBox control 

e List control 

e TileList control 

e Menu control 

e MenuBar control 

e ButtonBar control 

e LinkBar control 

e TabBar control 

o ToggleButtonBar control 
e LineChart control 

e ColorPicker control 

e PopUpMenuButton control 
e HorizontalList control 
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e Repeater component 
e DateField control 


و اسهل طريقة للأستخدام ۲0۷|06م ههل مع اداة هى تعريف مصفوفة من الكائنات او 
المتغيرات النصية التى يتم اسنادها الى خصائص ١۴٥عل۷1٠۲‏ ۴ ههل المرتبط بالاداة . 


و فى حالة استخدام ازام هtمd raw‏ كمزود بيانات 6۲ل|أ۲0۷م واه يعتبر محدود 
الامكانيات بعكس استخدام sهععهاء‏ ١٠0أاعم‌اامء‏ المفيد جدا فى حالة تغير البيانات . 


حيث ءا هاه RW‏ ليس لدية امكانية تحديث البيانات فى الاداة فى حالة حدوث تغيرات 
کے الک اسای 


Array (raw object) مlدختwا‎ ll المتال التالى يوضح الفرق فى‎ 
Array Collection مlدختwا‎ ll و ف‎ 


قم بعمل ۲ زر ءات two Button co‏ الاول یستدعی الدالة 

add 0untr/ 0 AA)‏ و الاخر یستدعی الدالة 

)(ectioNا0Co add Country r‏ و کلتا الدالتین تأخذ معاملاتھم من مربع نص 
extn put‏ و یرسلھا لمزودی llبlنlٽ data providers‏ . 


<?xml version="1.0"?> 
<mx:Application xmins:mx="http://www.adobe.com/2006/mxml"> 


<mx:Script> 
<![CDATA[ 


import mx.collections.ArrayCollection; 


[Bindable] 

public var myArray:Array = ["United States", "South 
Africa", "United 
Kingdom"]; 


[Bindable] 

public var myCollection:ArrayCollection = new 
ArrayCollection 
(["United States", "South Africa", "United Kingdom"]); 


public function addCountry ToArray(country:String):void 


{ 
myArray.push(country); 


public function 
addCountry ToCollection(country:String ):void 


myCollection.addltem(country); 


1 
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</mx:Script> 


<mx:Textlnput id="country Textlnput" text="Argentina" /> 
<mx:Label text="Bound to Array (raw object)" /> 
<mx:Button click="addCountry ToArray(country Textlnput.text)" 
label="Add Country 
to Array" /> 
<mx:List dataProvider="{myArray}" width="200" /> 


<mx:Label text="Bound to Collection" /> 

<mx:Button 
click="addCountry ToCollection(country Textlnput.text)" label="Add 
Country to Collection" /> 

<mx:List dataProvider="{myCollection}" width="200" /> 


</mx:Application> 


the Button control labeled Add Country to Array رڙزj‎ JE طiضت‎ laie 


ستجد ان 
اcontr0 first List‏ البيانات بها لن تتغير بعكس الضغط على الزر الاخر . 
استخدام الاکشن اسکربت فی عمل اداة 
Using ActionScript to Create Visual Components‏ 
استخدم كلا من دالة 
addChild() or addChildAt()‏ 


<?xml version="1.0" encoding="utf-8"?> 

<mx:Application xmins:mx="http://www.adobe.com/2006/mxml" 
verticalAlign="middle" 
horizontalAlign="center" 
xmins="*"> 


<mx:Script> 


11 


اعلان هام 
مطلوب تأجير مركز كمبيوتر او قاعات محاضرات مجهزة باجهزة كمبيوتر لتنظيم 
کورسات. 


للمخابرة : اتصل م/ مايكل نبيل اخنوخ 


1.۳0۹ 


1۷ 


كما نعلن عن بدأ تنظيم الكورسات التالية ‏ للحجز و الاستعلام اتصل 
م/ مایکل نبیل اخنوخ 


10۹ 


1۸ 


سعر الدبلومة \ جنية 
- التعريف بمكونات الكمبيوتر. 
- كيفية تجميع جهاز كمبيوتر كامل . 
- شرح اعدادت البيوس sهأ8‏ . 


ن طرق تقسيم القرص الصلب ببرامج 
مذلفة 

- تنزیل ویندوز × W|۸00WS‏ . 

- طرق تعريف الكروت . 

عل کک ار 

- اصلاح الاعطال الشائعة . 


الاول 
سعر الدبلومة Fo.‏ جذية 
- مبادئ الفوتوشوب . 
- فلاش ۸ . 
- البرمجة ڊwlتخدIم Action script‏ 
2.0 


- اعداد برامج تعليمية باستخدام الفلاش. 


- اعداد العاب باستخدام الفلاش. 


دبلومة الويندوز و الأوفيس 
٠ 4‏ ۳۰ 
سعر الدبلومة Y o»‏ جنية 
Windows xp‏ - 
Microsoft word 2007‏ - 
Microsoft Excel 2007‏ - 


- Microsoft power point 2007 
- Microsoft access 2007 


الثانى 
سعر الدبلومة ٠٠٠١‏ جنية 
- برنامج فلاش الأصدار ٩‏ . 
- البرمجة ڊlستخدlم Action script‏ 
3.0 
- برنامج 2.0 ×eھاا‏ 


سعر الدبلومة ٠٠٠١‏ جنية 


Microsoft Excel 2007 advanced 


للمحاسبين شرح كافة الدوال المحاسبية و اعداد قيود اليومية و الحسابات و الميزانية . 


Microsoft Access 2007advanced 


البرمجة بلغة ۷/8۸ لعمل برنامج ادارة مخازن و الحصول على برنامج مراقبة مخازن 


مجانا 


المراجع 


Programming Flex™ 2 
ActionScrpt 3 Cookbook 


Essential ActionScript 3 


